基于jquery中的文本框类型搜索下拉值

Question

我有一个超过100个值的下拉列表，我有一个文本框。当我在文本框中键入任何内容时，自动下拉过滤器。我写了这段代码：

$('#txtSearchText').on('input', function () {
    var val = this.value.toLowerCase();       
    $('#ddlData> option').hide()
    .filter(function () {
        return this.value.toLowerCase().indexOf(val) > -1;
    }).show();

});`

它在Chrome＆amp; firefox浏览器，但它不适用于IE浏览器，所以请建议我为IE浏览器做些什么...`

Answer 1

问题很简单。

跨浏览器不支持隐藏<option>标记。同样，不支持同一标记上的事件。

选择是删除或禁用...或使用众多<select>替换插件中的一个