如何在Jquery中将下拉列表转换为Json

How To Convert DropdownList to Json in Jquery

本文关键字：下拉列表 转换 Json Jquery      更新时间：2023-09-26

我有一个下拉列表列表包含如下:

<select id="sample" >
  <option value="1">FRIEND</option>
  <option value="2">GOOGLE</option>
  <option value="3">AGENT</option>
</select>

我需要将下拉列表转换为Json格式，如下所示:

 var json={"FRIEND:"1","GOOGLE":"2","AGENT":"3"}

请大家帮帮我。

var json = {};
$("#sample option").each(function() {
    json[$(this).text()] = $(this).val();
});

<select id="sample" >
    <option value="1">FRIEND</option>
    <option value="2">GOOGLE</option>
    <option value="3">AGENT</option>
</select>
<script type="text/javascript">
    var obj = {};
    $("#sample option").each(function (i, op) {
        obj[$(op).text()] = $(op).val();
    });
    var s = JSON.stringify(obj);
    alert(s);
</script>

这很容易!

var json = {};
var select = document.getElementById('sample');
var options = select.options,option;
for (var i=0,len=options.length;i<len;i++) {
    option = options[i];
    json[option.innerHTML] = option.value;
}

现在json对象就是你想要的!

do this 

var x=document.getElementById("sample"),
    y=x.options,
    obj={} 
for(var i=0,len = y.length;i<len;i=i+1){
    obj[y[i].text] = i+1;
}

现在你可以简单地调用

obj["FRIEND"]
obj["GOOGLE"]

可以使用jquery的map函数

var items = $("#sample > option").map(function() {
var arr = {};
arr[$(this).text()] = $(this).val();
return arr;
}).get();
alert(JSON.stringify(items));

不用jquery也可以创建静态对象

​var data = new Object();
data.FRIEND= 1;
data.GOOGLE= 2;
data.AGENT= 3;

更新
var data = new Object();
$('#sample option').each(function(e){
    var value = $(this).val();
    var key = $(this).text();
    console.log('"' + key + ':' + value);
    data[key] = value;
});
var json = JSON.stringify(data);
console.log('---- using JSON.stringify ----');
console.log(json);
var obj = $.parseJSON(json);
console.log('---- using jQuery parseJSON ----');
console.log(obj);

使用jQuery:

var options = $('#sample option'),
form = {};
options.each(function (​key, val) {
   form[$(val).text()] = $(val).val();
});

或纯JS:

var options = document.querySelectorAll('#sample option'),
form = {},
i = 0;
for (; i < options.length; i++) {
   form[options[i].innerHTML] = options[i].getAttribute('value');
}
相关文章：