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

时间:2013-06-25 08:30:54

标签: 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>
<option value="127" >030000 - POTIGNY</option>
<option value="201" >141200 - SELESTAT</option>
</select>

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

  

“147511 - MARSEILLE 09”

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

1 个答案:

答案 0 :(得分:0)

这样的东西? DEMO

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