Javascript 如何在Jquery中将DropdownList转换为Json

我有一个下拉列表包含如下内容：

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

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

请任何人帮帮我。

做这个

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

这样做

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

---

您可以在不使用jquery的情况下创建静态对象

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

使现代化

---

您可以在不使用jquery的情况下创建静态对象

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

使现代化 很简单

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

var json={}；
var select=document.getElementById（'sample'）；
var options=select.options，option；
对于（var i=0，len=options.length；i这很简单

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

var json={}；
var select=document.getElementById（'sample'）；
var options=select.options，option；
对于（var i=0，len=options.length；i您可以使用jquery的函数

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

alert(JSON.stringify(items));

您可以使用jquery的函数

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

alert(JSON.stringify(items));

使用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');
}

var options=document.querySelectorAll（“#示例选项”），
form={}，
i=0；
对于（；i
使用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');
}

var options=document.querySelectorAll（“#示例选项”），
form={}，
i=0；
对于（；i

朋友
谷歌
代理人
var obj={}；
$（“#示例选项”）。每个（函数（i，op）{
obj[$（op.text（）]=$（op.val（）；
});
var s=JSON.stringify（obj）；
警报；

朋友
谷歌
代理人
var obj={}；
$（“#示例选项”）。每个（函数（i，op）{
obj[$（op.text（）]=$（op.val（）；
});
var s=JSON.stringify（obj）；
警报；
nice one但你不使用简单的javascript？nice one但你不使用简单的javascript？当它可以是
data={FRIEND:1，…}
？
new Object（）
等于
data={}；
只是为了显式/可读性/对初学者友好：）
newobject（）；
当它可以是
data={FRIEND:1，…}
时，它的意义是什么？
newobject（）
等于
data={}；
只是为了显式/可读性/对beginer来说是人性化的：）顺便说一句，这不是JSON，它只是一个普通的Javascript对象。顺便说一句，这不是JSON，它只是一个普通的Javascript对象。