javascript - 选择具有值数组的所有元素的最有效方法

Question

假设我有一个 <select>元素:

<select id="foobar" name="foobar" multiple="multiple">
    <option value="1">Foobar 1</option>
    <option value="2">Foobar 2</option>
    <option value="3">Foobar 3</option>
</select>

假设我有一组值，例如:

var optionValues = [2, 3];

如何选择 <option> s 使用值 2 和 3 最有效？

我正在使用 <select>有成千上万的<option> s，所以像这样手动操作是行不通的:

var optionElements = [];

$("#foobar").children().each(function() {
    if($.inArray($(this).val(), optionValues)) {
        optionElements.push($(this));
    }
}

太慢了。有没有办法为 jQuery 提供我需要选择的元素的值列表？有什么想法吗？

附言如果您想知道，我正在优化我的 jQuery PickList widget当前sucks at handling large lists .

Answer 1

您是否考虑过在插件 Bootstrap 中创建一个大哈希表？授予的值是唯一的:

var options = {};

$('#foobar').children().each(function(){

    options[this.value] = this;

});

这种查找方式很简单 - options[valueNeeded]。

编辑 - 搜索 optionValues:

var optionValues = [2, 3];

var results = [];

for(i=0; i<optionValues.length;i++){

    results.push[ options[ optionValues[i] ] ];

}