使用javascript或jquery将行为更改为select标记(添加您自己的搜索规则)

使用javascript或jquery将行为更改为select标记(添加您自己的搜索规则),javascript,html,select,Javascript,Html,Select,如果我有一个文本字段,然后选择框: <input type="text" name="search_into" value="search into select box" /> <select name="" id="list"> <option value="374" >147511 - MARSEILLE 09</option> <option value="39" >070502 - MARVEJOLS</option&g

如果我有一个文本字段,然后选择框:

<input type="text" name="search_into" value="search into select box" />
<select name="" id="list">
<option value="374" >147511 - MARSEILLE 09</option>
<option value="39" >070502 - MARVEJOLS</option>
<option value="127" >030000 - POTIGNY</option>
<option value="201" >141200 - SELESTAT</option>
</select>
我想如果输入火星到文本字段-自动选择第一个选项

147511-马赛09

该操作必须类似于在一个单独的文本字段中搜索和选择作为背景过程的操作

类似于这样的操作


你的问题是什么?我很确定你的意思是你想要的东西就像你不能对本机元素那样,RobH comment接近你想要的。你会在哪里键入这个?非常感谢,你是对的,我需要的只是jQuery UI的autocomplete widgetyes,但没有输入字段,只需搜索到select boxOh,然后你正在寻找像RobH在commentsAnton中写的那样的jquery自动完成-它对我来说工作得非常完美。所以我必须使用jQueryUI的自动完成小部件?是的,jQueryUI和jQueryUI就是所需要的
$('input').on('keyup',function(){
    $('option:contains("'+$(this).val().toString().toUpperCase()+'")').siblings().attr('disabled','disabled');
    $('option:contains("'+$(this).val().toString().toUpperCase()+'")').removeAttr('disabled').prop('selected','true');
});