介绍
selectize.js 是一款功能强大且易于使用的 jQuery 插件，它可以将普通的 HTML <select> 元素转换成可搜索、可创建标签（tags）、可远程数据检索等特性的输入框。但是在实际开发中，我们常常需要在代码中动态更新该输入框的值，本文将介绍如何通过 JavaScript 设置 selectize.js 输入框的值。
步骤
首先，我们需要获取到 selectize.js 输入框的实例。假设我们的 HTML 结构如下：
<select id="my-select"></select>
我们可以这样创建一个 selectize.js 实例：
const $select = $('#my-select').selectize({
// 选项配置
})[0].selectize;然后，我们就可以通过以下方式设置输入框的值了：
- 调用
setValue方法
setValue 方法传入一个数组参数，数组的每个元素对应一个 option 元素的 value 属性值。注意，如果 input 元素有 multiple 属性，则传入的数组可以包含多个值，否则只能传入一个值。
$select.setValue(['1', '2']);
- 直接更新原生 select 元素的 value 属性
$('#my-select').val('1');
$select.refreshOptions();第二种方式可能更加直观，但是如果你同时使用了 selectize.js 的其他特性（例如标签模式），这种方式可能会导致意外的结果，因此建议使用第一种方式。
示例代码
下面是一个完整的示例，展示了如何在 selectize.js 输入框中添加多个选项，并通过 setValue 方法设置输入框的值：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------- ----------
----- ---------------- ------------------------------------------------------------------------------------------------
------- ----------------------------------------------------------------
------- ---------------------------------------------------------------------------------------------------------
-------
------
------- ------------------------
------- ---------------------------------------
--------
----- ------- - ---------------------------
------- -----
-------- ------
-------- -
- ------ ---- ----- ----- --
- ------ ---- ----- ----- --
- ------ ---- ----- ----- --
-
----------------
-------- ---------------- -
---------------------- ------
-
---------
-------
-------总结
本文介绍了如何通过 JavaScript 设置 selectize.js 输入框的值，包括调用 setValue 方法和更新原生 select 元素的 value 属性。通过掌握这些技巧，我们可以更加自如地操作 selectize.js 输入框，提高 Web 应用程序的交互性和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25613