Select2下拉菜单允许用户输入新的值

阿里雷扎·法塔希(Alireza Fattahi)

可以将select2组件配置为接受新值,如Select2下拉列表中的询问,但允许用户使用新值?

您可以在以下网址看到它:http : //jsfiddle.net/pHSdP/646/代码如下:

$("#tags").select2({
    createSearchChoice: function (term, data) {
        if ($(data).filter(function () {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id: term,
                text: term
            };
        }
    },
    multiple: false,
    data: [{
        id: 0,
        text: 'story'
    }, {
        id: 1,
        text: 'bug'
    }, {
        id: 2,
        text: 'task'
    }]
});

问题在于,仅当您输入新值并按Enter或按Tab键时,新值才添加到列表中。

是否可以将select2组件设置为在使用类型时接受此新值并保留select2。(就像普通的html输入标签一样,当您通过单击屏幕上的某些位置保留输入的值时,它会保留输入的值)

我发现select2有select2-blur事件,但是我找不到找到此新值并将其添加到列表的方法吗?

杰森

添加属性selectOnBlur: true,似乎对我有用。

编辑:很高兴它也为您工作!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Select2下拉菜单,但允许用户使用新值吗?

select2下拉列表是否支持使用ajax并允许用户输入新值?

带硒的select2下拉菜单

在yii2的select2下拉菜单中设置默认值

Select2:防止Select2下拉菜单集中于点击

在选择另一个select2下拉菜单时重置一个select2下拉菜单的元素

禁用模式下的Select2下拉菜单

如何捕捉select2下拉菜单的宽度?

无法在Select2下拉菜单中选择项目

要以逗号分隔的Select2下拉菜单的选定文本。

select2下拉菜单中的fadeIn / fadeOut效果

如何在select2下拉菜单中换行?

使select2下拉菜单仅在键入至少一个字母后才下拉

按下选项卡时如何在焦点上打开select2下拉菜单

根据第一个值在第二个Select2下拉菜单中显示选项

为什么select2下拉菜单仅显示在表格的第一行?

无法在Select2下拉输入搜索字段中输入(http://kevin-brown.com/select2/)

具有自动填充以及添加新记录的select2下拉插件

Angular 5下拉菜单

使用重置按钮重置下拉菜单中的Select2值

使用select2中的选项文本(不使用值)选择下拉菜单

如何使用JqGrid更改select2下拉列表的选定值?

在select2 clear上禁用下拉菜单

在 select2 的下拉菜单中禁用自动对焦?

使用jQuery Select2清除下拉菜单

使用 div 和 select2 创建下拉菜单

Select2在选择上打开下拉菜单

select2中的右对齐下拉菜单

多个 Select2 下拉菜单的不同图标