如何将选定的 'Option' 的值设置为“A”和“B”？

【问题标题】：How can I get the values of selected 'Option' , to "A" and "B"?如何将选定的 'Option' 的值设置为“A”和“B”？
【发布时间】：2014-02-19 07:34:13
【问题描述】：

<select id="A" multiple='multiple'>
    <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
</select>
<select id="B" multiple='multiple'>
    <option value="4"></option>
    <option value="5"></option>
    <option value="6"></option>
</select>

选项是动态的，所以我不能为它们设置 ID。之后，我该怎么做才能得到一个 JSON 对象：

{ A: [value:1,value:3] , B : [value:4] }?

【问题讨论】：

标签： jquery json select

【解决方案1】：

随便用

$('#A').val(); and $('#B').val();

Working Fiddle

【讨论】：

【解决方案2】：

如果有多个选项，$.fn.val() 返回一个数组：

对于<select multiple="multiple"> 元素，.val() 方法返回一个包含每个选定选项的数组；如果未选择任何选项，则返回 null。

所以，基本上是这样的：

var data = {
    A: $('#A').val() || [],
    B: $('#B').val() || []
}

由于可能的 null 返回值，我添加了 || [] 强制转换以将结果转换为空数组。

【讨论】：