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