jQuery插件，用于在键入时过滤多选框中的选项

Question

我有一个填充了一些预定义列表的多选框。我想在上面的输入框中将这些选项过滤为用户类型。       任何人都可以建议任何可用的jQuery插件吗？

谢谢， SAURABH

Answer 1

var input = $('input'),
    select = $('select');


input.keyup(function() {
    var inputVal = $(this).val(),
        inputLength = inputVal.length;

    select.find('option').each(function() {

        if ($(this).val().substr(0, inputLength) != inputVal) {
            $(this).attr({ disabled: 'disabled' });
        } else {
            $(this).removeAttr('disabled');
        }

        select.focus();
        input.focus();

    }); 

});

jsFiddle

焦点转移到select然后回来是让浏览器重新绘制更改，这是我在谷歌中没有做的（Chrome 9）。

如果您希望删除它们，则需要删除它们并根据需要重新添加它们，因为display: none对我不起作用。