Jquery 如何从列表中选择多个项目

目前，我在这个列表中添加了一些jscript，这个列表从SOLR中获取类别。我的问题是，如何从我的select中获取更多项目

<script src="jquery-1.8.0.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var cat= ["C"];
        $("#cat").select2({
          data: cat
        });
    });
</script>
<select name="cat[]" id="cat" >
    <option value="all">Categories</option>
    <option value="all">All</option>
    <option value="HI">Hawaii</option>
    <option value="C">Hawaji</option>
</select> 

你可以这样做

<script type="text/javascript">
$(document).ready(function(){

   var keys = [];

   $("#countries").change(function(event){
     var thi = $(this).val();
     keys.push(thi);
     alert('Array length: '+keys.length);

   });

});

 <select name="countries" id="countries" multiple>
         <option value="">Select ...</option>
         <option value="EN">England</option>
         <option value="GR">Greece</option>
         <option value="US">USA</option>
         <option value="IT">Italy</option>
       </select>

你可以这样做

<script type="text/javascript">
$(document).ready(function(){

   var keys = [];

   $("#countries").change(function(event){
     var thi = $(this).val();
     keys.push(thi);
     alert('Array length: '+keys.length);

   });

});

 <select name="countries" id="countries" multiple>
         <option value="">Select ...</option>
         <option value="EN">England</option>
         <option value="GR">Greece</option>
         <option value="US">USA</option>
         <option value="IT">Italy</option>
       </select>

---

如果不需要添加到数组，并且希望使用表单操作发送值，则可以为选择列表设置多个属性：

<select name="cat" id="cat" multiple >
    <option value="all">Categories</option>
    <option value="all">All</option>
    <option value="HI">Hawaii</option>
    <option value="C">Hawaji</option>
</select> 

---

示例：

如果不需要添加到数组中，并且希望使用表单操作发送值，则只需为选择列表设置多个属性：

<select name="cat" id="cat" multiple >
    <option value="all">Categories</option>
    <option value="all">All</option>
    <option value="HI">Hawaii</option>
    <option value="C">Hawaji</option>
</select> 

---

示例：

很抱歉，我用php代替了HTML。很抱歉，我用php代替了HTML。您的回答很好，有一个小问题。事实上，这个列表看起来很难看，因为它没有向下箭头。你的答案很好，这里有一个小问题。事实上，这个列表看起来非常丑陋，因为它没有向下的箭头