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