选择js-使用同一个类获取多个分区的所有值

如何解决选择js-使用同一个类获取多个分区的所有值

我有一个html页面，其中包含多个选择（使用selectize进行），它们具有相同的类“ idPeople”。当我单击按钮“搜索”时，我必须获取所有选择的所有值（我已经在jjs的js文件中尝试过）。但是我只得到第一个选择的值（“选择一个”）。有什么建议吗？ 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);
    });

});

解决方法

我不知道selectize.js，但是在纯jquery中，我会这样做：

import pyshark

capture=pyshark.LiveCapture(interface='wlan0',display_filter='frame.len>190 and upd.port==1700')

for i in capture:
  print(i)

或者您可以写：

  $( "#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());
    });          
  });