使用Jquery或JavaScript从“选择”下拉列表中选择或获取所有值

Question

我有以下HTML代码。

<Select name=test[]>
  <option value="">--Please Select--</option>
  <option value="a">Test Value1</option>
</select>

<Select name=test[]>
  <option value="">--Please Select--</option>
  <option value="a">Test Value2</option>
</select>

<Select name=test[]>
  <option value="">--Please Select--</option>
  <option value="a">Test Value3</option>
</select>

现在，在提交表单之前，我要执行以下操作

1. 检查是否选择了以上任何一项。
2. 如果选择，则检索其值。

我相信我需要循环，但是我无法找到可以首先获取所有值的初始语法。

我知道如何检查为选择元素指定“ id”时是否选择了任何值。但是在这种情况下，我有一个名为“ name”的属性，它是一个数组。

我尝试在不同的地方看书，但实际上并没有找到一个好的解决方案。可能我错过了一些东西。

请让我知道是否需要任何进一步的信息。

Answer 1

这不是一个完整的解决方案，但希望能为您指明正确的方向（假设您使用 jQuery）

下面的代码应该循环遍历您的选择（当它们具有 时name='test[]'）并将任何值（非空白）添加到结果数组中。

var results = [];
$("select[name='test[]']").each(function(){
    var val = $(this).val();
    if(val !== '') results.push(val);  
});
console.log(results);

演示： http: //jsfiddle.net/W2Mam/