Javascript 设置select2下拉列表的默认值

Javascript 设置select2下拉列表的默认值,javascript,jquery-select2,Javascript,Jquery Select2,在初始化select2下拉列表时,我们如何设置其默认值,例如: $('.className').select2({ placeholder: 'Select an option', data: dataArray }); 您所拥有的一切都很好-您只需在select元素中添加一个空白的标记 例如: <select id="listOfNames"> <option></option> <option value="Shyam"&g

在初始化select2下拉列表时,我们如何设置其默认值,例如:

$('.className').select2({
    placeholder: 'Select an option',
    data: dataArray
});

您所拥有的一切都很好-您只需在
select
元素中添加一个空白的
标记

例如:

<select id="listOfNames">
  <option></option>
  <option value="Shyam">Shyam</option>
  <option value="James">James</option>
  <option value="Helen">Helen</option>
  <option value="Dave">Dave</option>
</select>

希亚姆
詹姆斯
海伦
戴夫
您可以将占位符作为选项应用于select2(如示例中所示),也可以作为
select
元素的
数据占位符
属性

此外,您还可以为select2提供
allowClear:true
属性,该属性允许用户在选择项目后删除该项目(返回占位符)

小提琴:


<>注释:选择具有<强>多< /强>属性集的框,如果不需要空白<代码> <代码>标签,则自动使用占位符。 我每天都自己解决这个问题。但最初我想通过使用select2的API来实现这一点。后来,我做了一个带有细节的select标记,然后根据我想要保留的默认值,我做了selected属性