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

Question

我有一个像这样的下拉列表

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

我有一个这样的数组

$arr=[1,3]

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

标签： html-select

Answer 1

通过将 value 属性分配给 option 标签，您可以使用 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>