javascript - 使用 jQuery 或 JavaScript 从 Select 下拉数组中选择或获取所有值

标签 javascript html jquery jquery-events

我有以下 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”时检查是否选择了任何值。但在本例中,我有一个数组形式的“名称”属性。

我尝试查看不同的地方,但我还没有真正找到好的解决方案。可能我错过了什么。

如果需要任何进一步的信息,请告诉我。

最佳答案

使用 map 功能

var selected = $('select[name="test[]"]').map(function(){
    if ($(this).val())
        return $(this).val();
}).get();

console.log(selected);

关于javascript - 使用 jQuery 或 JavaScript 从 Select 下拉数组中选择或获取所有值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21855680/

相关文章:

HTML/CSS <div> 不会低于另一个

Javascript:更改 src 不起作用

javascript - 单击 HTML5 Canvas

javascript - 响应式菜单在窗口大小调整时消失

javascript - Blueimp 文件 uploader 正在提交多次

javascript - Javascript 中的自定义打印预览

javascript - 将 html 转换为 javascript

javascript - 如何根据两个不同列中的两个参数搜索和过滤 Google 表格

javascript - 事件委托(delegate)点击缩略图不显示主图像

javascript - knockout 不更新 View 中的值