jquery - select2设置选定值新方法

Question

我使用如下代码为选择(使用 Select2)设置加载时的默认值:

$('#soff_gar').select2({placeholder: "Scegli", initSelection: true }).select2("val","<?php echo $garante; ?>");

在控制台上升级到版本 4.0 我读到:“Select2:select2("val") 方法已被弃用，并将在更高版本的 Select2 版本中删除。请改用 $element.val() ”。所以我尝试将代码更改为

$('#soff_gar').select2({placeholder: "Scegli", initSelection: true }).val("<?php echo $garante; ?>");

或

$('#soff_gar').select2({placeholder: "Scegli"}).val("<?php echo $garante; ?>");

但它们都不起作用。我究竟做错了什么？有什么提示吗？

Answer 1

来自the release notes :

You should directly call .val on the underlying element instead. If you needed the second parameter (triggerChange), you should also call .trigger("change") on the element.

$("select").val("1"); // instead of $("select").select2("val", "1");

所以，如果您有一个选择元素:

<select id="mySelect">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

在过去，您会像这样初始化它:

$("#mySelect").select2().select2("val","audi");

这已被替换为:

$("#mySelect").select2();
$("#mySelect").val("audi").trigger("change");

对于你来说，我想这会转化为:

$('#soff_gar').select2({
  placeholder: "Scegli", 
  initSelection: true 
});
$('#soff_gar').val(<?php echo $garante; ?>).trigger("change");

尽管如此，您有什么理由以编程方式执行此操作吗？

引用我的示例，这也可以:

<option value="audi" selected>Audi</option>

HTH