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

Question

我有一个 html 页面，其中包含多个具有相同 class“idPeople”的 selects（使用 selectize 制作）。当我单击“搜索”按钮时，我必须获取所有 select 的所有值（我已经在我的 js 文件中尝试使用 jquery）。但我只得到第一个 select ('select one') 的值。有什么建议吗？ HTML

<html>
<head>
    <!-- lib for jquery and selectize -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
</head>
<body>
    <!-- select one -->
    <select class="idPeople">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>
    
    <!-- select two -->
    <select class="idPeople">
    <option value="1">1</option>
    <option value="2">2</option>
    </select>

    ... other selects

    <button type="button" id="search">search</button>
</body>
</html>

JS（在head标签中）

$(document).ready(function () {
    // init selectize
    $('.idPeople').selectize({
        sortField: 'text'
    });

    // get values of selects
    $( "#search" ).on('click',function() {
        var idpeople= $('.idPeople').val();
        console.log(idpeople);
    });

});

Answer 1

我不知道 selectize.js，但纯粹 jquery 我会做：

  $( "#search" ).on('click',function() {
   $(".idPeople option").each(function(){
     console.log($(this).val());
   });             
  });

或者你可以这样写：

  $( "#search" ).on('click',function() {
    $(".idPeople").find('option').each(function() {
     console.log($(this).val());
    });          
  });

或

var options = $(".idPeople option");

// Next, translate that into an array
var values = $.map(options, v => $(v).val())

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

Selectize js - get all values of multiple sectize with same class

jquery

selectize.js