我正在尝试让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);
结果,我的组合看起来像这样 - 你可以看到没有选择任何选项:
然后,我初始化select2
:
$('#el').select2({
allowClear: true,
placeholder: '(select...)'
});
并且组合变为select2
控件并且选择了“美国”:
但是,我希望它看起来像这样:
即。当我的组合值为NULL(或selectedIndex为-1)时,我希望select2
显示占位符(选择...)而不是第一个<option>
。