如何在select2中添加自定义标签

时间:2013-10-16 05:23:34

标签: jquery ruby-on-rails twitter-bootstrap

在rails 4.0中,我使用的是bootstrap的select2插件。在这个插件中,我需要添加自己的标签,但现在自定义条目不允许。我该如何解决这个问题?我需要启用哪个选项?

代码参考 - http://ivaynberg.github.io/select2/

在观看中,

$('#DIV_NAME').select2({
 placeholder: "Search for a names",
 multiple: true,
 ajax: { 
   url: "autocomplete/names",
   dataType: 'json',
   data: function (term) {
     return { q: term };
   },
   results: function (data) {
     return {results: data};
   }
 }
});

请帮我解决这个问题。

1 个答案:

答案 0 :(得分:3)

如果我们在select2()函数中添加createSearchChoice选项,那么自定义条目将起作用。请参阅http://jsfiddle.net/XQ8Fw/

脚本代码应该是,

$('#DIV_USERNAME').select2({
 placeholder: "Search for a names",
 multiple: true,
 ajax: { 
   url: "autocomplete/names",
   dataType: 'json',
   data: function (term) {
     return { q: term };
   },
   results: function (data) {
     return {results: data};
   }
 },
 createSearchChoice: function (term) {
   return { id: term, text: term };
 }
});