jQuery Combobox/Combify/Autocomplete

Question

저는 현재 jQuery 콤보 박스와 유사한 드롭 다운/텍스트 입력 조합을 구현하려고합니다 (여기에서 볼 수 있습니다 : http://jqueryui.com/autocomplete/#combobox).

기본적으로 입력은 선택 옵션에 따라 대답을 제시해야하지만 양식에 선택 옵션 이외의 다른 값을 입력하려는 경우 해당 입력은 동일한 그룹 이름을 유지해야합니다.

버튼을 클릭 할 때 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)

에서 설정 한 옵션 이외의 다른 입력을 받아들이지 않을 것이기 때문에 이것은 성공하지?

Answer 1

방금 ​​입력 대신 자동 완성 기능을 사용했습니다.