javascript - 如何获取多选框的所有选中值？

Question

我有一个 <select>元素与 multiple属性。如何使用 JavaScript 获取此元素的选定值？

这是我正在尝试的:

function loopSelected() { 
    var txtSelectedValuesObj = document.getElementById('txtSelectedValues');
    var selectedArray = new Array();
    var selObj = document.getElementById('slct'); 
    var i;
    var count = 0;
    for (i=0; i<selObj.options.length; i++) { 
        if (selObj.options[i].selected) {
            selectedArray[count] = selObj.options[i].value;
            count++; 
        } 
    } 
    txtSelectedValuesObj.value = selectedArray;
}

Answer 1

使用 jQuery，通常的方式:

var values = $('#select-meal-type').val();

来自docs :

In the case of <select multiple="multiple"> elements, the .val() method returns an array containing each selected option;