select2无法清除选中项解决办法

最近在项目中使用select2遇到一个百思不得其解的bug：选中项无法删除。代码中加上了allowClear : true也不行。

HTML代码：

<select name="ascription"></select>

javascript代码：

            search.ascription = $('select[name="ascription"]', container);
            search.ascription.select2({
                data        : require('datas/user'),
                width       : 120,
                language    : 'zh-CN',
                allowClear  : true,
                placeholder : '请选择',
                matcher     : function(params, data) {
                    if (params.term == null || $.trim(params.term) === '') {
                        return data;
                    }
                    if (data.keyword.toUpperCase().indexOf(params.term.toUpperCase()) >= 0) {
                        return data;
                    };
                    return false;
                }
            });

而且数据加载之后。默认会选中第一项。官网的demo也有这个问题。
解决办法：select里面加上一个空的选项

<select name="ascription"><option value=""></option></select>

转载于:https://www.cnblogs.com/micro-lee/p/4596493.html