如何使用jQuery在选择框中显示JSON数据？

Question

这是我的JSON数据：

{"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria"}

如何在选择列表中显示此JSON数据？

Answer 1

使用$ .each并迭代所有元素。这应该有效：

$.each(jsonData, function(key, value)
{
   $('<option></option>').val(key).text(value).appendTo('#yourSelectList');
});

Answer 2

这是一种方式（减少函数调用次数）：

var myJson = {"ACT":"Australian Capital Territory","NSW":"New South Wales","NT":"Northern Territory","QLD":"Queensland","SA":"South Australia","TAS":"Tasmania","VIC":"Victoria"};

$.each(myJson,function(key,val) {
    $('#mySelect').append('<option value="'+ key + '">' + val + '</option>');
});