如何获取当前选定的 Selectize.js 输入项的值

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