admin管理员组

文章数量:1410689

This is my JSON data:

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

How to display this JSON data in a selectlist?

This is my JSON data:

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

How to display this JSON data in a selectlist?

  • javascript
  • jquery
  • json
Share Improve this question edited Dec 31, 2019 at 12:25 Mickael Lherminez 6951 gold badge11 silver badges30 bronze badges asked Feb 21, 2010 at 16:34 ulduz114ulduz114 1,1807 gold badges21 silver badges37 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 5

Use $.each and iterate over all your elements. This should work:

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

Here's one way (takes fewer function calls):

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

本文标签： javascriptHow to display JSON data in a select box using jQueryStack Overflow

版权声明：本文标题：javascript - How to display JSON data in a select box using jQuery? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744806795a2626196.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。