2016-08-14 28 views
0

我目前正在嘗試實現類似於jQuery組合框的下拉/文本輸入組合(可以在這裏看到:http://jqueryui.com/autocomplete/#combobox)。jQuery Combobox/Combify/Autocomplete

基本上,輸入應該基於選擇選項建議一個答案,但如果他們想在表單中輸入除選擇選項以外的內容,他們可以(並且表單需要保留相同的組名)。

這些選擇正在通過jQuery添加點擊按鈕。

$(document).ready(function() { 
    var $wrapper = $(".GCSE_wrap"); 
    var $add_button = $(".add_field_button"); 
    var appendGCSE = '<li class="ui-state-default gcse_results_wrapper"><div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"><input type="text" name="Subject[]" class="form-control spec_one gcse_subject" placeholder="Subject"></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><input type="text" class="form-control spec_one gcse_level" name="SubjectLevel[]" placeholder="GCSE?"></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><select name="GCSEGrade[]" class="form-control spec_one gcse_grade"><option value="A*">A*</option><option value="A">A</option><option value="B">B</option><option value="c">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option></select></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><input type="text" class="form-control spec_one gcse_year" name="GCSEYear[]" placeholder="Year"></div><a href="#" class="btn btn-primary cas_btn copy_to_all">C</a><a href="#" class="btn btn-primary close_btn remove_field">X</a></li>'; 
    $add_button.click(function(e) { 
     e.preventDefault(); 
     $wrapper.append(appendGCSE); 
     $("#gcse_sort").trigger("sortupdate"); 
    }); 

});

我嘗試使用插件Combify但沒有成功,因爲它不會接受低於所列選擇(http://jsbin.com/vixesa/edit?html,js,output

可能有人請點我一個插件的選項之外的任何輸入?

回答

0

我只是用一個自動完成的輸入來代替。