jquery - 如何将选择选项值和文本存储在 JSON 对象或数组中？

Question

我有一个选择列表(示例如下)。我想将此选择列表(文本和值)存储在 JSON 对象或数组对象中。这样我以后就可以使用 .each 函数来完成它。然后我想根据用户输入显示/隐藏选择选项列表中的记录。所有代码都已准备就绪并可以工作，只是我无法弄清楚如何将选择选项列表及其所有文本和值对存储到数组或 JSON 对象中，并随后能够基于文本遍历它。

谢谢。

 <select id="mySelect" multiple="multiple">
    <option value="1">First</option>
    <option value="2">Second</option>
    <option value="3">Third</option>
    <option value="4">Fourth</option>
 </select>

Answer 1

你可以试试这个fiddle :

HTML

<select id="mySelect" multiple="multiple"> 
    <option value="1">First</option>
    <option value="2">Second</option>
    <option value="3">Third</option> 
    <option value="4">Fourth</option>
</select>

JAVASCRIPT

var options = {};

$('#mySelect option').each(function(){
    options[$(this).text()] = $(this).val();
});

console.log(options);

//or the other way round

var options2 = {};

$('#mySelect option').each(function(){
    options2[$(this).val()] = $(this).text();
});

console.log(options2);

控制台日志输出:

Object
First: "1"
Fourth: "4"
Second: "2"
Third: "3"
__proto__: Object
fiddle.jshell.net:36

Object
1: "First"
2: "Second"
3: "Third"
4: "Fourth"
__proto__: Object