jQuery列表筛选器

Question

我有一个要求，我必须从列表中的搜索框中搜索项目onkeyup，选择几个并将它们移动到另一个列表中。我写了下面的脚本，它在火狐中正常工作，而不是在IE9和chrome中工作。我是jQuery的新手，找不到解决方案。有人能帮忙吗？？提前谢谢。

//HTML//
<input type="text" id="searchAvailableLabsTxt" class="searchAvailableLabsTxt
searchbox" onkeyup="filter(this)"/>
<select multiple="true" runat="server" id="AvailableGroupLab" class="
AvailableGroupLab availGrpLabs avalLabs"></select>
//HTML

//JQUERY//
function filter(element) {
var value = $(element).val().toLowerCase();

$(".AvailableGroupLab > option").each(function () {
    if ($(this).text().toLowerCase().search(value) > -1) {
        $(this).show();
    }
    else {
        $(this).hide();
    }
});
}
//JQUERY//

Answer 1

代码的问题是hide()函数在chrome和IE中不起作用。您可以将选项副本存储为备份，并使用remove()删除选项

var options = $(".AvailableGroupLab").clone().html();
function filter(element) {
    $('.AvailableGroupLab').html(options);
    var value = $(element).val().toLowerCase();
    $(".AvailableGroupLab option").each(function () {
        if ($(this).text().toLowerCase().search(value) == -1) {
            $(this).remove();
        }
    });
}