使用jQuery选择多个<options>

Question

这个问题询问如何获取所有选定<options>的<select>元素并在逗号分隔的列表中返回它们的值. JQuery - 多选选项

我想反驳这个问题; 我有一个逗号分隔的<select>标记值列表,并希望使用jQuery选择<option>其值在逗号分隔列表中的每个.

示例数据:

<script type="text/javascript">
var data = "0a,0d,0f,0g";
</script>
<select id="ps-type" name="ps-type" multiple="multiple" size="5">
    <option value="0a">Residential - Wall Insulation</option>
    <option value="0b">Residential - Attic /Crawl Space Insulation</option>
    <option value="0c">Residential - Foundation Insulation</option>
    <option value="0d">Residential - Exterior Roof System</option>
    <option value="0e">Commercial - Wall Insulation</option>
    <option value="0f">Commercial - Air Barrier System (Walltite)</option>
    <option value="0g">Commercial - Roof System</option>
</select>

Answer 1

.val()还接受一个值数组作为参数.因此,要选择多个值,只需将逗号分隔的值列表转换为数组split(","),然后将其传递给.val():

var data = "0a,0d,0f,0g";
$("#ps-type").val(data.split(","));

演示.