Select2:如何允许用户从默认列表中选择但接受新字符串?

时间:2014-02-27 10:18:50

标签: javascript jquery-select2

我有这个需要,而且我无法使用Select2完成它。

用户必须从列表中选择一个名称。此列表是一个明确定义的字符串列表。所以我想把这个列表作为'数据'传递给Select2。

如果用户想要,他可以选择一个新名称,并且必须毫无问题地接受它,不要向用户说任何问题。

所以我尝试使用INPUT作为元素,使用data:提供默认列表,并使用createSearchChoice返回一个id为term的新对象:term,text:term

但我得到了

  

查询函数未针对Select2 OrdiniCaricati_Nome_Cliente

定义

要使用的属性/元素/功能的正确组合是什么?

1 个答案:

答案 0 :(得分:1)

可以在此处找到类似的问题:Select2 dropdown but allow new values bu user?

这是我在答案之间找到的一个有效的JSFiddle:http://jsfiddle.net/pHSdP/2/

HTML

<input type='hidden' id='tags' style='width:300px'/>

JQuery的

$("#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'}]
});