Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 清除数据后,无法在Select2 multiselect框上再次显示占位符值_Javascript_Jquery_Html_Jquery Select2_Placeholder - Fatal编程技术网

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

Javascript 清除数据后,无法在Select2 multiselect框上再次显示占位符值,javascript,jquery,html,jquery-select2,placeholder,Javascript,Jquery,Html,Jquery Select2,Placeholder,一天的大部分时间里,我都在为这个问题苦苦挣扎。我无法再次显示多个选择框上定义的占位符值,Select2插件v3.5.2对此进行了增强 但奇怪的是,它在Select2 4.0版中工作。但我相信v4.0仍处于测试阶段,在升级Select2后,通过Internet Explorer 11快速运行我们的网站后,出现了一些问题。此外,Select2V4.0的引导主题仍处于测试阶段。所以总而言之,我希望在这个阶段避免升级 我做了一把小提琴。如您所见,只要按下“清除”按钮,就会清除值,但不会显示占位符消息

一天的大部分时间里,我都在为这个问题苦苦挣扎。我无法再次显示多个选择框上定义的占位符值,Select2插件v3.5.2对此进行了增强

但奇怪的是,它在Select2 4.0版中工作。但我相信v4.0仍处于测试阶段,在升级Select2后,通过Internet Explorer 11快速运行我们的网站后,出现了一些问题。此外,Select2V4.0的引导主题仍处于测试阶段。所以总而言之,我希望在这个阶段避免升级

我做了一把小提琴。如您所见,只要按下“清除”按钮,就会清除值,但不会显示占位符消息

Javascript

$( document ).ready(function() { 
    $('#clear').click(function() {
        $('#select').select2("val", "");
    });

    $('#select').select2({
        placeholder: "Select an attribute"
    });
});
HTML


非常感谢您的任何意见

只是提醒一下,4.0.0于周日正式发布。谢谢。很高兴知道。我可能会更深入地研究4.0,因为我们仍然处于足够早的位置进行更改,但我第一次快速浏览它时发现IE11在这些多选框和占位符方面存在一些问题。但也许我应该多调查一点!
<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>