javascript - 使用 javascript 或 jquery 将行为更改为选择标记（添加您自己的搜索规则）

Question

如果我有一个文本字段，然后是那个选择框：

<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>

我想要在文本字段中输入“mars” - 自动选择第一个选项。

“147511 - 马赛 09”

该操作必须类似于在一个单独的文本字段中作为后台进程进行搜索和选择

Answer 1

像这样的东西？演示

$('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');
});