设置select2下拉列表的默认值

Question

如何在使用以下内容初始化select2下拉列表时设置默认值：

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

Answer 1

您所拥有的一切都很好 - 您只需在<option></option>元素中添加空白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的选项（如您的示例中所示）或data-placeholder元素的select属性。

此外，您可以为select2提供allowClear : true属性，该属性允许用户在选择项目后将其删除（返回占位符）。

小提琴：https://jsfiddle.net/djuuuh80/3/

注意：选择多个属性设置的框会自动使用占位符（如果提供）而不需要空白<option>标记。