使用 jQuery 预选多选中的值

Question

我有一组出现在页面加载中的值： 例如[1193,1184,2372]。

我有一个下拉清单，它可以像这样采用单个值 $(".ddl").dropdownchecklist().val(1193);

当我重新绑定下拉列表时，它会正确选择值。但是，我尝试将包含多个值的数组传递给 val() 方法，但没有选择这些值。我有点期待这个。我不确定如何最好地进行预选。

我尝试迭代我的数组来构建要应用的过滤器属性，如下所示： $(".ddl [value*='1184'][value*='9067'][value*='14841']").attr('已选择','已选择');

但这行不通。我不想迭代 ddl 中的所有选项，并在匹配时将它们设置为已选择，因为有数百个选项，这不会带来良好的性能，特别是如果只有 2 个选项需要预先选择。

有什么想法吗？

Answer 1

创建所选字符串的字符串以创建 jQuery 选择器字符串并将其放入 .find() 函数中：

var str = '';
var arrLength = selectedArray.length;
$.each(selectedArray, function(i){
   str += 'option[value*='+selectedArray[i]+']';
   if((i+1) != arrLength){
     str += ', ';
   }
});

$('.ddl').find("option[value*='1184'], option[value*='9067'], option[value*='14841']")
     .attr('selected','selected'); 

另请注意，在将下拉列表与值进行比较时，您正在查找选项 select 中的元素，而不是 select 元素本身。

Answer 2

我得到了它，但上面的答案看起来像是一个很好的解决方案：

$.each(arr, function(i,s)
{
     $(ddl_id + ' [value*=\'' + s + '\']').attr('selected','selected');
});    

不确定哪个可能更快，但矿井更干净。