如何從javascript中的選擇選項獲取多個值？

Question

我想從我的代碼中獲取所有數據，我只能在myFunction上獲取一個。 如何從javascript中的選擇選項獲取多個值？ 我在從選擇選項中選擇多個數據時使用了jQuery插件，但是在生成時無法獲取所有數據。 我希望打印或記錄來自選擇框的所有數據。但是如屏幕截圖所示，有多個值，但是在生成時，僅生成了1個數據，即＃10Recovery

#select menu
<select id="mySelect2" class="chosen" multiple="true">
          {% for product in products.response.result %}
          <option value="{{ product.item_name }}">{{ product.item_name }}</option>
          {% endfor %}
</select>

#jquery plugin in getting multiple values from a menu
 </script>
 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css"
 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
 <script>
        jQuery(document).ready(function(){
            jQuery(".chosen").data("placeholder","Select Products").chosen();
        });
 </script>



#script in getting values from select option
    <script>
    function myFunction() {
        var z = document.getElementById("mySelect2").value;
        document.getElementById("demo2").innerHTML = z;
    }

    But as on the screenshot there were multiple values but when generated only 1 data that
    was generated which is #10Recovery
    #code on generating
<a class="button" onclick="myFunction()">{% trans 'Generate' %}</a>

Answer 1

您可以使用jQuery。

jQuery("#mySelect2").val();