1

我有一个 Dropdownlist 列表包含这样的内容：

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

我需要像这样将 Dropdownlist 转换为 Json fromat：

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

请任何人帮助我。

4

7 回答 7

4 
var json = {};
$("#sample option").each(function() {
    json[$(this).text()] = $(this).val();
});
于 2012-12-24T07:48:53.823 回答
2 
<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>
于 2012-12-24T07:56:57.763 回答
1

这很简单！

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 对象就是你想要的！

于 2012-12-24T07:49:35.603 回答
0

做这个

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"]
于 2012-12-24T07:48:39.877 回答
0

您可以在没有 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);
于 2012-12-24T07:48:49.253 回答
0

您可以使用jquery 的map功能。

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

alert(JSON.stringify(items));
于 2012-12-24T07:53:32.970 回答
0

使用 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');
}
于 2012-12-24T07:54:33.480 回答