如何从 javascript 中的 select 选项获取多个值？

Question

我想根据我的代码获取所有数据我只能在 myFunction 上获取一个。如何从 javascript 中的 select 选项获取多个值？我在 select 中使用了 jquery 插件来自 selection 选项的数据，但我在生成时无法获取所有数据。我都想要 select 框中的数据将被打印或记录。但如屏幕截图所示，有多个值，但生成时只有 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();

如何从 javascript 中的 select 选项获取多个值？

How to get multiple values from a select option in javascript?

javascript

jquery

drop-down-menu

select-options