テキストボックスとドロップダウンコントロール - jQuery、PHP

Question

テキストボックスに「ABCD」と入力すると、すぐにドロップダウンリストに値「ABCD」が表示されます。親切に私を助けてください。

Answer 1

は、あなたは

<input name="option" type="text" id="option"> 
 
    <select id='mySelect'> 
 
    <option value="">--Select--</option> 
 
    <option value="default">default</option> 
 
    </select> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
    <script> 
 
    $('input').on('change', function(event) { 
 
     var option = $('#option').val(); 
 
    \t if(option){ 
 
    \t $('#mySelect').append('<option value="'+option+'">'+option+'</option>'); 
 
     } 
 
    }); 
 
    
 
    </script>

Answer 2

$('input').on('change', function(event) { 
     $("select option").filter(function() { 
      //may want to use $.trim in here 
      return $(this).text() == $('input').val(); 
     }).prop('selected', true); 
}); 

Answer 3

あなたの質問に記載された要求された結果を達成するのは難しいです。この問題を解決するには、自動テキストボックスjqueryコントロールを使用することをお勧めします。 参考までに、このリンクを参照してください。私はあなたの質問を理解していればhttps://jqueryui.com/autocomplete/