7
如何使用jQuery在HTML选择下拉列表中进行“实时搜索”或过滤项目?使用jQuery对HTML选择项进行“实时搜索”(过滤)
我有一个简单的文本输入和一个选择(多个)。
我想从筛选的项目根据输入选择..
如何使用jQuery在HTML选择下拉列表中进行“实时搜索”或过滤项目?使用jQuery对HTML选择项进行“实时搜索”(过滤)
我有一个简单的文本输入和一个选择(多个)。
我想从筛选的项目根据输入选择..
只是我尝试的相关部分(在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>