Selectize.js 是一个功能强大的 JavaScript 库，可用于创建可搜索的下拉列表和标记输入框。在使用 Selectize.js 时，您可能需要获取当前选定的输入项的值。本文将介绍如何通过代码实现此目标。
Step 1: 获取 Selectize.js 实例
要获得当前选定的输入项的值，首先需要获取 Selectize.js 实例。这可以通过以下代码完成：
var selectize = $('#my-select').selectize()[0].selectize;其中 #my-select 是您的 Selectize.js 输入元素的 ID。
Step 2: 监听 “change” 事件
接下来，我们需要监听 Selectize.js 的 “change” 事件，以便在选择更改时获取当前选定项的值。这可以通过以下代码完成：
selectize.on('change', function(value) {
console.log(value);
});当选择更改时，回调函数将被调用，并将当前选定项的值作为参数传递给它。
完整示例代码
下面是一个完整的示例代码，演示如何获取 Selectize.js 输入元素的当前选定项的值：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------- ---------------
----- ---------------- ----------------------------------------------------------------------------------------------- --
------- --------------------------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------
-------
------
------- ---------------
------- ------------------------
------- ------------ ----------
------- ------------ ----------
------- ------------ ----------
---------
--------
--- --------- - -----------------------------------------
---------------------- --------------- -
-------------------
---
---------
-------
-------在上面的示例中，每当选择更改时，控制台将记录当前选定项的值。您可以根据自己的需求修改代码进行进一步处理。
总结
通过该文章，你已经学会了如何使用 Selectize.js 获取当前选定输入项的值。通过监听 “change” 事件和获取 Selectize.js 实例对象，您可以轻松地获得所需的值。希望这对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31116