Question

我想在提交表单时收回选择多项选项的所有选项。

喜欢：

<select id="multipleSelect" multiple="multiple">
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>

使用类似的东西：

var selectedValues = document.getElementbyId('multipleSelect).values;

获取一个包含所有值的数组，如['2'，'3']

所有这些，没有jQuery，在js或php中就可以了：）

THX！

Answer 1

var options = document.getElementById('multipleSelect').options,
    result = [];

for (var i = 0, len = options.length; i < len; i++) {
    var opt = options[i];

    if (opt.selected) {
        result.push(opt.value);
    }
}

console.log(result);

DEMO： http://jsfiddle.net/AH2yK/

Answer 2

你可以这样试试，

var options = document.getElementById('multipleSelect').options;
var values = [];
var i = 0, len = options.length;

while (i < len)
{
    if(options[i].selected){
     values.push(options[i].value);        
    }
    i++;
}
alert(values.join(', '));

在没有jQuery的情况下获取选择多选的所有选项

2 个答案: