javascript - 如何使用 javaScript 获取多个 SELECTION 的 id 值？

Question

我想获取多选列表的ID值。多重选择列表 动态生成。如何获得该值？如果我能够得到值的意思， 我可以将其转换为 JSON 对象吗？或者，它将作为 JSON 对象获取!!!

这是我动态生成它的代码。

function displayMultipleList() {
    EmployeeManagement.getResponseList(function (respList) {
        var respOptionsSelect = document.getElementById('respOptions');
        var searchOptions = null;
        for (var i = 0; i < respList.length; i++) {
            var resp = respList[i];
            selectOptions = document.createElement('option');
            selectOptions.value = resp.respID;
            selectOptions.innerHTML = resp.respName;
            respOptionsSelect.appendChild(selectOptions);
        }


    });
}

谢谢。

Answer 1

您可以使用serializeArray() function :

$("#respOptions").serializeArray()

它将返回 JavaScript 数组中选定的对象，该数组可以轻松地字符串化为 JSON 字符串。

如果您的<select>元素看起来像这样(不要忘记name属性，因为serializeArray需要它!):

<select name="respOptions" id="respOptions" multiple="true">
 <option value="1">one</option>
 <option value="2">two</option>
 <option value="3">three</option>
</select>

如果选择了第 2 项和第 3 项，您将从函数中返回:

[{ name: "respOptions", value: "2"}, {name: "respOptions", value: "3"}]

编辑 - 我忘记添加 name属性为<select>元素。抱歉造成困惑。