select2 标签 selectBox 的预选值

Question

您如何在页面加载时在选择框中预先选择标签？到目前为止，这是我的代码：

HTML:

<select class="selectBox operatingSystems" multiple="multiple">
    <option>Windows</option>
    <option>OSX</option>
    <option>Linux</option>
</select>

JS:

$(".operatingSystems").select2({tags: true, tokenSeparators: [',', ' ']});

我主要是想让它看起来像在 select2 文档页面上预选了 "orange" 和 "purple"。来自：https://select2.github.io/examples.html#data-ajax

Answer 1

您可以 select 通过设置 selected 属性现有选项。

<select class="selectBox operatingSystems" multiple="multiple">
    <option>Windows</option>
    <option selected="selected">OSX</option>
    <option>Linux</option>
</select>

会预先 select select 框中的 OSX 选项。这不是 Select2 特有的，它是您为 select 框（单个和多个 select）设置预 select 选项的一般方式。

您可以使用原版 JavaScript 通过在元素上设置 selected 属性来完成此操作。

theOption.selected = true;

或使用jQuery的.val方法设置值。

$("select").val(["OSX"])

为了让 Select2 和其他插件获取值的变化，您可能需要触发 change 事件。

$("select").trigger("change")

select2 标签 selectBox 的预选值

Preselected value for select2 tag selectBox

javascript

jquery

jquery-select2