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?
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 badges2 Answers
Reset to default 5Use $.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>');
});