2016-08-14 18 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"); 
    }); 

});

それは選択で定められたオプション以外の任意の入力(http://jsbin.com/vixesa/edit?html,js,output

を受け入れないため、誰かがプラグインに私をポイントしてもらえ、私はプラグインCombifyを使用してみましたが、これは成功しませんでしたか?

答えて

0

代わりにオートコンプリートで入力を使用しました。

関連する問題