select2 - 如果没有选择值,我如何初始化并默认为占位符?

时间:2016-04-13 18:27:25

标签: javascript jquery-select2 jquery-select2-4

我正在尝试让select2在HTML <select>未选择选项时显示占位符。

我的HTML选择 - 没有选项具有“已选择”属性,也没有“空”选项:

<select id="el" style="width:300px">
    <option value="1">United States</option>
    <option value="2">Canada</option>
</select>

在页面加载时我这样做:

$('#el').val(null);

结果,我的组合看起来像这样 - 你可以看到没有选择任何选项:

enter image description here

然后,我初始化select2

$('#el').select2({
    allowClear: true,
    placeholder: '(select...)'
});

并且组合变为select2控件并且选择了“美国”:

enter image description here

但是,我希望它看起来像这样:

enter image description here

即。当我的组合值为NULL(或selectedIndex为-1)时,我希望select2显示占位符(选择...)而不是第一个<option>

0 个答案:

没有答案