Question

我有一个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"}

请有人帮助我。

Answer 1

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

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

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

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

Answer 4

这样做

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

Answer 5

您可以在不使用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);

Answer 6

您可以使用jquery的map功能。

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

alert(JSON.stringify(items));

Answer 7

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

如何在Jquery中将DropdownList转换为Json

7 个答案:

更新