Javascript/jQuery 序列化 select 标签中的所有选项

Question

我有这样的选择框

<select size="20" multiple="" id="left_lps" name="lps[]"> 
    <option lpprobability="10" lpname="1 - Chrome" id="opt8" value="8">1 - Chrome</option>
    <option lpprobability="20" lpname="2 - Chrome" id="opt9" value="9">2 - Chrome</option>
    <option lpprobability="33" lpname="3 - Chrome" id="opt10" value="10">3 - Chrome</option>
    <option lpprobability="15.33" lpname="4 - Chrome" id="opt11" value="11">4 - Chrome</option>
    <option lpprobability="50" lpname="5 - Skype" id="opt12" value="12">5 - Skype</option>
    <option lpprobability="23" lpname="6 - Skype" id="opt13" value="13">6 - Skype</option>
    <option lpprobability="80" lpname="7 - Skype" id="opt14" value="14">7 - Skype</option>
    <option lpprobability="11" lpname="8 - Skype" id="opt15" value="15">8 - Skype</option>
    <option lpprobability="26" lpname="9 - Skype" id="opt16" value="16">9 - Skype</option>
    <option lpprobability="33" lpname="10 - Skype" id="opt17" value="17">10 - Skype</option>
</select>

当我序列化它时，我只得到选定的选项，但我需要此选择框中的所有选项。我怎么做？另外，从这个选择框中，我需要对数组(id，lpprobability)。

最后我需要得到这样的东西:

lps[]=8&lpprobability[]=10&lps[]=9&lpprobability=20&lps[]=10&lpprobability[]=33 ...

我该怎么做？如果可能的话，如果不可能，我会找到另一种方法来获取这些对，但优先级是序列化时获取选择框中的所有选项，而不仅仅是选定的选项。

Answer 1

您必须自己构建查询字符串，因为 jQuery 中没有神奇的函数可以让您这样做。这样做的方法如下:

获取选项元素的引用:

var $select = $('select');
var selectName = $select.attr('name');
var $options = $select.find('option');

遍历选项元素并检索值和 lpprobability 属性对:

var optionPairs = $.map($options, function(element) {
    var $element = $(element);
    return selectName + '=' + $element.val() + '&lpprobability=' + $element.attr('lpprobability');
});

最后，用 & 将它们连接在一起:

var queryString = optionPairs.join('&');