jquery-select2 - Select2清除'x'按钮设置默认值？

Question

是否可以在 Select2 下拉菜单上按下“x”按钮并allowClear启用设置默认（预定义）值？

Answer 1

使用 onchange 事件。检查该值是否为空并将该值设置为任何预定义的值。

$("select").on("change", function (e) {
   if($(this).val()==""){
      $(this).val("predefined value");
   }
});

Answer 2

Select2 允许您将占位符与除空白字符串之外的 id 相关联。

$("select").select2({
  placeholder: {
    id: "the_predefined_value",
    text: "The placeholder text"
  }
});

因此，当您单击“x”时，它会将值设置为the_predefined_value并显示占位符文本。您将需要一个<option>with a才能使其正常工作。valuethe_predefined_value

Answer 3

我在下面编写的代码将为您工作，

$(".myselect").select2({
     placeholder: "Select a option",
     allowClear: true,
     width: '100%'
 }).off('select2:clear').on('select2:clear', (e) => {
     $(e.currentTarget).val("predefined value");
 });