如何获取当前选中的Selectize.js输入项的值
如何获取当前选中的Selectize.js输入项的值
我想知道如何在我的Selectize.js输入框中获取当前选定项的值。我已经查阅了文档并在Stackoverflow上搜索了所有与selectize.js相关的内容，但没有找到任何示例可以参考。有什么想法吗？根据文档，我认为以下代码可以实现，但实际上给我返回了"Undefined is not a function"错误。
请注意代码的最底部，我使用了"select.on('change'"；除此之外，我还尝试了其他API方法。"on change"可以正常工作，但不幸的是其他方法都没有起作用。
var select = $('#searchTextbox').selectize({
maxItems: 1, //输入框中可选择的最大选项数
maxOptions: 30, //下拉菜单中一次渲染的最大选项数
searchField: ['text'], //自动完成可以搜索的字段。另一个可搜索字段的示例可以是"value"
openOnFocus: true,
highlight: true,
scrollDuration: 60, //目前没有作用；应该指定下拉菜单和向上滑动动画所需的毫秒数
create: false, //用户是否允许创建字段
selectOnTab: true,
render: {
option: function(data, escape) {
var valueArray = [];
valueArray[0] = data.value.split(",");
var color = valueArray[0][0] == "1" ? "green" : "red";
return '
+ escape(data.text)
+ '';
},
item: function(data, escape) {
var valueArray = [];
valueArray[0] = data.value.split(",");
var color = valueArray[0][0] == "1" ? "green" : "red";
return '
+ escape(data.text)
+ '';
}
}
});
select.on('change', function() {
var test = select.getItem(0);
alert(test.val());
});