我想知道如何在Selectize.js输入中获取当前所选项目的值？我检查了文档，并检查了与Stackoverflow相关的所有selectize.js，但没有发现我可以采用的示例方式。有任何想法吗？这是我认为可以根据文档工作的内容，但给了我Undefined is not a function错误。
请注意代码的最底部，我在此处使用select.on('change';。这（除了其他API方法）是我尝试过的。不断变化的效果很好，但不幸的是没有其他东西。
var select = $('#searchTextbox').selectize({
maxItems: 1, //Max items selectable in the textbox
maxOptions: 30, //Max options to render at once in the dropdown
searchField: ['text'], //Fields the autocomplete can search through. Example of another searchable field could be 'value'
openOnFocus: true,
highlight: true,
scrollDuration: 60, //currently does nothing; should say how many MS the dropdown and drop up animations take
create: false, //Whether or not the user is allowed to create fields
selectOnTab: true,
render: {
option: function(data, escape) {
var valueArray = [];
valueArray[0] = data.value.split(",");
var color = valueArray[0][0] == "1" ? "green" : "red";
return '<div class="option" style="color: '
+ color
+ ';">'
+ escape(data.text)
+ '</div>';
},
item: function(data, escape) {
var valueArray = [];
valueArray[0] = data.value.split(",");
var color = valueArray[0][0] == "1" ? "green" : "red";
return '<div class="option" style="color: '
+ color
+ ';">'
+ escape(data.text)
+ '</div>';
}
}
});
select.on('change', function() {
var test = select.getItem(0);
alert(test.val());
});
发现问题了！
对于使用selectize.js且API出现问题的任何人，请尝试一下！
如果您看一下我初始化selectize.js下拉菜单的代码部分，则将实例存储在我的“ select”变量中，仅此而已。但是，这不是做事情的正确方法（至少从我所见）。您需要执行以下操作，而不是简单地将实例存储在变量中。
var $select = $("#yourSelector").selectize({
//options here
});
var selectizeControl = $select[0].selectize
完成此操作后，您可以正确使用API。不这样做，我得到了一个Undefined is not a function错误。
最后，为了回答我自己的问题，我可以使用以下代码来检索selectize输入的当前值（显然不需要.on（'change'）和alert）：
selectizeControl.on('change', function() {
var test = selectize.getValue();
alert(test);
});
我不确定为什么要这样做的必要性。也许有人可以启发我和任何未来的观众，以了解为什么这种方式有效，而我以前的方法无效。
我希望这会在将来对其他人有所帮助。随时编辑和进行任何更改。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句