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)
可能有人請點我一個插件的選項之外的任何輸入?