Selectize js -获取具有相同类的多个sectize的所有值

Selectize.js是一个功能强大的JavaScript库，用于创建自定义的、可搜索的下拉列表。它提供了一种简单而灵活的方式来处理具有相同类的多个Selectize实例的值。

在使用Selectize.js获取具有相同类的多个Selectize实例的所有值时，可以按照以下步骤进行操作：

首先，确保在HTML页面中引入了Selectize.js库文件，并在需要使用的地方创建了相应的Selectize实例。
给具有相同类的Selectize实例添加一个共同的类名，以便于选择它们。
使用JavaScript选择器选择具有相同类的所有Selectize实例，并将其存储在一个变量中。例如，如果它们的共同类名为"selectize-instance"，可以使用以下代码选择它们：

var selectizeInstances = $('.selectize-instance');

创建一个空数组来存储所有Selectize实例的值：

var allValues = [];

遍历每个Selectize实例，并获取其当前选中的值。将这些值添加到之前创建的数组中：

selectizeInstances.each(function() {
  var selectize = $(this)[0].selectize;
  var selectedValues = selectize.getValue();
  allValues = allValues.concat(selectedValues);
});

现在，allValues数组中包含了具有相同类的所有Selectize实例的值。

下面是一个示例代码，演示了如何使用Selectize.js获取具有相同类的多个Selectize实例的所有值：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="selectize.css">
  <script src="jquery.js"></script>
  <script src="selectize.js"></script>
</head>
<body>
  <select class="selectize-instance">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>

  <select class="selectize-instance">
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
  </select>

  <script>
    $(document).ready(function() {
      $('.selectize-instance').selectize();
    });

    function getAllSelectizeValues() {
      var selectizeInstances = $('.selectize-instance');
      var allValues = [];

      selectizeInstances.each(function() {
        var selectize = $(this)[0].selectize;
        var selectedValues = selectize.getValue();
        allValues = allValues.concat(selectedValues);
      });

      console.log(allValues);
    }
  </script>
</body>
</html>

在上面的示例中，我们创建了两个具有相同类名的Selectize实例，并在页面底部添加了一个按钮。当点击按钮时，调用getAllSelectizeValues()函数，该函数会将所有Selectize实例的值打印到浏览器的控制台中。

这是一个基本的示例，你可以根据自己的需求进行修改和扩展。同时，腾讯云也提供了一些相关产品，如云服务器、云数据库等，可以根据具体需求选择适合的产品。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。