清除数据后,无法在Select2多选框上再次显示占位符值

时间:2015-04-30 14:23:51

标签: javascript jquery html jquery-select2 placeholder

我一直在努力解决这个问题。我无法再次显示多选框上定义的占位符值,使用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>

非常感谢任何输入!

0 个答案:

没有答案