Как получить несколько значений из опции выбора в 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();