如何在 jQuery Select2 中为不同版本设置选定值？

在 jQuery Select2 中设置选定值

Select2 版本 V4 及以上

在 Select2 版本 4 及以上版本中，您可以直接附加预选选项到您的选择元素：

<code class="html"><select id="myMultipleSelect2" multiple="" name="myMultipleSelect2[]">
    <option value="TheID" selected="selected">The text</option>                                                                   
</select>
</code>

使用 jQuery：

<code class="js">var $newOption = $("<option selected='selected'></option>").val("TheID").text("The text")

$("#myMultipleSelect2").append($newOption).trigger('change');</code>

选择 V4 以下的 2 版本

1. HTML：

   <code class="html"><input name="mySelect2" type="hidden" id="mySelect2"></code>

2. 创建 Select2 实例：

   <code class="js">$("#mySelect2").select2({
      placeholder: "My Select 2",
      multiple: false,
      minimumInputLength: 1,
      ajax: {...},
      ...
   });</code>

3. 设置选定值：

   <code class="js">$("#mySelect2").select2('data', { id:"elementID", text: "Hello!" });</code>

非 AJAX Select2

<code class="html"><select name="mySelect2" id="mySelect2">
  <option value="0">One</option>
  <option value="1">Two</option>
  <option value="2">Three</option>
</select></code>

<code class="js">$('[name=mySelect2]').val("0"); // Select "One"
$("#mySelect2").select2("val", "0"); // Equivalent</code>

以上是如何在 jQuery Select2 中为不同版本设置选定值？的详细内容。更多信息请关注PHP中文网其他相关文章！