How to populate a dropdownlist with json data in jQuery?
var listItems= "";var jsonData = jsonObj.d; for (var i = 0; i < jsonData.Table.length; i++){ listItems+= "<option value='" + jsonData.Table[i].stateid + "'>" + jsonData.Table[i].statename + "</option>"; } $("#<%=DLState.ClientID%>").html(listItems);
Example
<html> <head></head> <body> <select id="DLState"> </select> </body> </html> /*javascript*/ var jsonList = {"Table" : [{"stateid" : "2","statename" : "Tamilnadu"}, {"stateid" : "3","statename" : "Karnataka"}, {"stateid" : "4","statename" : "Andaman and Nicobar"}, {"stateid" : "5","statename" : "Andhra Pradesh"}, {"stateid" : "6","statename" : "Arunachal Pradesh"}]} $(document).ready(function(){ var listItems= ""; for (var i = 0; i < jsonList.Table.length; i++){ listItems+= "<option value='" + jsonList.Table[i].stateid + "'>" + jsonList.Table[i].statename + "</option>"; } $("#DLState").html(listItems); });
//javascript//teams.Table does not existfunction OnSuccessJSON(data, status) { var teams = eval('(' + data.d + ')'); var listItems = ""; for (var i = 0; i < teams.length; i++) { listItems += "<option value='" + teams[i][0]+ "'>" + teams[i][1] + "</option>"; } $("#<%=ddlTeams.ClientID%>").html(listItems);}