如何将选择选项值和文本存储在JSON对象或数组中？ [英] how to store the select options value and text in an JSON object or Array?

问题描述

我有一个选择列表（下面的示例）。我想将这个选择列表（文本和值）存储在JSON对象或数组对象中。所以我可以在以后使用.each函数来通过它。然后，我想根据用户输入显示/隐藏选择选项列表中的记录。所有的代码已经准备就绪并可以工作，除了我无法确定如何将包含所有文本和值对的选择选项列表存储到Array或JSON对象中，并随后能够根据文本行走它。

$ b

谢谢。

< select id =mySelectmultiple =multiple>
< option value =1>第一个< / option>
< option value =2>第二个< / option>
< option value =3>第三< / option>
< option value =4>第四< / option>


解决方案

您可以试试这个小提琴：

HTML p>

 < select id =mySelectmultiple =multiple> 
< option value =1>第一个< / option> 
< option value =2>第二个< / option> 
< option value =3>第三< / option> 
< option value =4>第四< / option> 
< / select> 
  

JAVASCRIPT

  var options = {}; 
 
'（'＃mySelect option'）。each（function（）{
 options [$（this）.text（）] = $（this）.val（）; 
}）; 
 
 console.log（options）; 
 
 //或者相反
 
 var options2 = {}; 
 
 $（'＃mySelect option'）。each（function（）{
 options2 [$（this）.val（）] = $（this）.text（）; 
}）; 
 
 console.log（options2）; 
  

控制台日志输出：

 对象
第一：1
第四：4
第二：2
第三：3
 __proto__： Object 
 fiddle.jshell.net:36 
 
 Object 
 1：First
 2：Second
 3：Third
 4：Fourth
 __proto__：Object 
  

I have a select list (sample below). I want to store this select list (text and value) in a JSON object or Array object. So that i can later go thru it using .each function. I want to then show/hide the records in the select option list based on user input. all code is ready and working except that I am not able to figure how to store a select option list with all its text and value pairs into an either Array or JSON object and subsequently able to walk thru it based on text.

thank you.

<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>

解决方案

You can try this 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);

Console Log Output:

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

这篇关于如何将选择选项值和文本存储在JSON对象或数组中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！