如何使用javascript / jquery为下拉菜单设置多个默认值

Question

我有一个类似这样的下拉列表

<select id="drp-model">
    <option>Car</option>
    <option>Boat</option>
    <option>Motorcycle</option>
</select>

而且我有一个像这样的数组

$arr=[1,3]

[array表示所选选项的索引。现在我需要默认设置选项1和3。意味着汽车和摩托车。

Answer 1

通过将值属性分配给选项标签，您可以轻松地使用jQuery实现。

$("#drp-model").val([1,3])

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="drp-model" multiple="multiple">
    <option value="">Select</option>
    <option value="1">Car</option>
    <option value="2">Boat</option>
    <option value="3">Motorcycle</option>
</select>

Answer 2

使用jquey，您可以设置此值

$('#drp-model')[0].prop('selected',true);

$('#drp-model')[2].prop('selected',true)