Javascript 选择size.js手动添加一些项目

Javascript 选择size.js手动添加一些项目,javascript,jquery,selectize.js,Javascript,Jquery,Selectize.js,我想在用户单击按钮后将一些项目添加到选定的输入中。输入数据通过Ajax加载。当我调用addItem(value)时,没有任何事情发生。但是,如果我尝试在输入中键入一些字符串,它将加载数据,在此之后,addItem(value)将起作用 此插件不会尝试从服务器加载项目元数据。您需要首先使用addOption()方法添加一个选项。接下来,您可以使用addItem() 您可以添加如下选项: var $select = $(document.getElementById('mySelect')).sel

我想在用户单击按钮后将一些项目添加到选定的输入中。输入数据通过Ajax加载。当我调用addItem(value)时,没有任何事情发生。但是,如果我尝试在输入中键入一些字符串,它将加载数据,在此之后,addItem(value)将起作用


此插件不会尝试从服务器加载项目元数据。您需要首先使用
addOption()
方法添加一个选项。接下来,您可以使用
addItem()


您可以添加如下选项:

var $select = $(document.getElementById('mySelect')).selectize(options);
var selectize = $select[0].selectize;
selectize.addOption({value: 1, text: 'whatever'});
selectize.refreshOptions();
这仅添加选项作为可能的选择。现在,您可以使用addItem将新选项添加到列表中:

selectize.addItem(1);
这不需要刷新功能。如果立即添加新选项,则无需使用“刷新选项”。

试试这个

 $('.select-ajax-city').each(function() {
    if (this.selectize) {
        for(x=0; x < 10; ++x){
            this.selectize.addOption({value:x, text: x});
        }
    }
});  
$('.select ajax city')。每个(函数(){
如果(此。选择){
对于(x=0;x<10;++x){
this.selectize.addOption({value:x,text:x});
}
}
});  
试试这个

var $select = $(document.getElementById('Your-element-id'));
var selectize = $select[0].selectize;
selectize.addOption({value: '2', text: 'test'});
selectize.addItem('2');

如果你想变得更灵活,那么你可以使用这样的长度

var $select = $(document.getElementById('Your-ID'));        
var selectize = $select[0].selectize;
var count = selectize.items.length + 1;
selectize.addOption({ value: count, text: 'value-here' });
selectize.addItem(count);

我也有同样的问题。。。addItem对我根本不起作用
var$tag\u selects=$(“#tags”).selectize({options})
然后
tag\u select=$tag\u selects[0]。selectize;标记选择附加项(“测试”)
测试
永远不会added@Fabrizio我找到了解决办法。查看答案。将selectice更改为selectize
selectize.addOption({id:1,标签:'whatever'})不再工作。现在应该是
selectize.addOption({value:1,text:'whatever'})我正在获取此错误
$(…)。selectize.addOption不是一个函数
如何修复它您可以使用
属性提供初始值<代码>项:tags.split(','),
@asif:
$(…)[0]。选择ize.addOption(…)
。如果没有
[0]
它将无法工作:/能否对您的解决方案发表意见?
var $select = $(document.getElementById('Your-ID'));        
var selectize = $select[0].selectize;
var count = selectize.items.length + 1;
selectize.addOption({ value: count, text: 'value-here' });
selectize.addItem(count);
$('#id').selectize({
   create: function(input,callback){
      $.ajax({
           url: "",
           type: "POST",
           data: {value : input},
              success: function(res) {
                   callback({value: res, text: input});
              }
      });
   }
});