我一直在努力解决这个问题。我无法再次显示多选框上定义的占位符值,使用Select2插件v3.5.2进行了增强。
但奇怪的是它适用于Select2版本4.0。但我相信v4.0仍处于测试阶段,在升级Select2后通过Internet Explorer 11快速运行我们的网站后,引发了一些问题。此外,Select2 v4.0的bootstrap主题仍处于测试阶段。总而言之,我想在这个阶段避免升级!
我做了一个小提琴。如您所见,只要按下清除按钮,它就会清除值,但不会显示占位符消息。http://jsfiddle.net/joachimseminck/jb1rkc83/6/
的Javascript
$( document ).ready(function() {
$('#clear').click(function() {
$('#select').select2("val", "");
});
$('#select').select2({
placeholder: "Select an attribute"
});
});
HTML
<form>
<select id="select" type="text" class="form-control" multiple=multiple>
<option></option>
<option value="Country1">Country1</option>
<option value="Country2">Country2</option>
<option value="Country3">Country3</option>
<option value="Country4">Country4</option>
<option value="Country5">Country5</option>
<option value="Country6">Country6</option>
</select>
<input type="reset" class="btn btn-danger" id="clear" value="Clear" />
</form>
非常感谢任何输入!