javascript - 在多选列表中设置选定值

Question

我有这个多选列表:

<select id="vendors" name="vendors" multiple="multiple">
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
    <option value="4">D</option>
    <option value="5">E</option>
</select>

当页面加载时，我正在加载需要在我的选择列表中选择的 ID 列表。以下是我正在努力做到的:

var vendors = GetVendorArray();  // list of vendor ids I want selected

$.each(vendors, function(index, item) {
    $("#vendors").filter(function() {
        return $(this).val() == item; 
    }).attr('selected', true);
});

但这不起作用，没有项目被选中。有人知道我做错了什么吗？

Answer 1

最简单的方法就是使用 val() 将整个数组作为值传递给 select。使用多选 值是一个数组

$('#vendors').val(  GetVendorArray())

演示:http://jsfiddle.net/sPKAY/

您采用的方法的问题是没有遍历 option 标签