使用jQuery對HTML選擇項進行「實時搜索」（過濾）

Question

如何使用jQuery在HTML選擇下拉列表中進行「實時搜索」或過濾項目？

我有一個簡單的文本輸入和一個選擇（多個）。

我想從篩選的項目根據輸入選擇..

Answer 1

只是我嘗試的相關部分（在http://jsfiddle.net/VeLKW/2/可見）：

<script type="text/javascript"> 
$(function() { 
    var opts = $('#optlist option').map(function(){ 
    return [[this.value, $(this).text()]]; 
    }); 

    $('#someinput').keyup(function(){ 
    var rxp = new RegExp($('#someinput').val(), 'i'); 
    var optlist = $('#optlist').empty(); 
    opts.each(function(){ 
     if (rxp.test(this[1])) { 
     optlist.append($('<option/>').attr('value', this[0]).text(this[1])); 
     } 
    }); 
    }); 
}); 
</script> 

<input id="someinput"><br><select id="optlist" multiple="multiple"> 
<option value="1">foo</option> 
<option value="2">bar</option> 
<option value="3">foobar</option> 
<option value="4">foobarbaz</option> 
</select>