获取jQuery中多选的所有选项,包括未选中的选项

时间:2012-12-12 13:33:10

标签: jquery multi-select

我已经看到很多代码片段来检索jQuery中多选的所选选项,但是我看到的所有代码都没有检索到多选的所有选项,包括那些未选中的选项, !

我想要做的是将所有选项放在一个字符串中,用逗号分隔。 我有选择的元素的代码:

var selectedOptions2 = $('#relationslist option:selected');
            var selectedValues2 = $.map(selectedOptions2 ,function(option) 
            {
                return option.value;
            }).join(',');

如何调整它以将所有选项放入selectedValues中,包括未选择的选项?

提前致谢。

3 个答案:

答案 0 :(得分:1)

您应该可以使用选择器$('#relationslist option');代替$('#relationslist option:selected');

来获取所有选项

var selectedOptions2 = $('#relationslist option');
...

答案 1 :(得分:1)

这行代码执行一个返回所有选定选项的选择器。

var selectedOptions2 = $('#relationslist option:selected');

关键部分是:selected伪选择器,因为这是告诉jQuery只返回当前选择的那些。如果您需要所有选项,只需将该部分取出即可。

答案 2 :(得分:0)

你真的很接近 - 只需删除:从你的选择器中选择 -

http://jsfiddle.net/EekQZ/1/

var selectedOptions2 = $('#relationslist option');             
var selectedValues2 = $.map(selectedOptions2 ,function(option) {
    return option.value;
}).join(',');