文本框和下拉控件 - jQuery,PHP

时间:2016-12-29 11:49:17

标签: php jquery

我想输入例如" ABCD"在文本框中,立即下拉列表将显示值" ABCD"。请帮助我。

3 个答案:

答案 0 :(得分:1)

如果我理解了您的问题,那么您需要在input选项中添加select list字段值,您可以按照以下方式执行此操作



 <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();
    	if(option){
    	 $('#mySelect').append( '<option value="'+option+'">'+option+'</option>' );
      }
    });
    
    </script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

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

答案 2 :(得分:0)

要实现在您的问题中提到的请求结果太难了。我建议你使用auto-Complete文本框jquery控件来解决这个问题。 敬请您参考此链接。 https://jqueryui.com/autocomplete/