Как заполнить выпадающий список json-данными в jquery?

Я разрабатываю раскрывающийся список каскадных состояний страны … Я вернул результат json на основе countryId но я не знаю, как заполнить / заполнить его в новом раскрывающемся списке …

Вот что я использую,

 function getstate(countryId) { $.ajax({ type: "POST", url: "Reg_Form.aspx/Getstates", data: "{'countryId':" + (countryId) + "}", contentType: "application/json; charset=utf-8", global: false, async: false, dataType: "json", success: function(jsonObj) { alert(jsonObj.d); } }); return false; } 

И бдительность дала это,

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

И моя страница aspx имеет это,

         

Любое предложение о том, как заполнить раскрывающийся DLState

РЕДАКТИРОВАТЬ:

Когда я осмотрел Firebug, я получил ответ на мой пост ajax,

 {"d":"{\"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\"},{\"stateid\" : \"7\",\"statename\" : \"Assam\"},{\"stateid\" : \"8\",\"statename\" : \"Bihar\"},{\"stateid\" : \"9\",\"statename\" : \"Dadra and N. Haveli\"},{\"stateid\" : \"10\",\"statename\" : \"Daman and Diu\"},{\"stateid\" : \"11\",\"statename\" : \"Delhi\"},{\"stateid\" : \"12\",\"statename\" : \"Goa\"},{\"stateid\" : \"13\",\"statename\" : \"Gujarat\"},{\"stateid\" : \"14\",\"statename\" : \"Haryana\"},{\"stateid\" : \"15\",\"statename\" : \"Himachal Pradesh\"},{\"stateid\" : \"16\",\"statename\" : \"Jammu and Kashmir\"},{\"stateid\" : \"17\",\"statename\" : \"Kerala\"},{\"stateid\" : \"18\",\"statename\" : \"Laccadive Islands\"},{\"stateid\" : \"19\",\"statename\" : \"Madhya Pradesh\"},{\"stateid\" : \"20\",\"statename\" : \"Maharashtra\"},{\"stateid\" : \"21\",\"statename\" : \"Manipur\"},{\"stateid\" : \"22\",\"statename\" : \"Meghalaya\"},{\"stateid\" : \"23\",\"statename\" : \"Mizoram\"},{\"stateid\" : \"24\",\"statename\" : \"Nagaland\"},{\"stateid\" : \"25\",\"statename\" : \"Orissa\"},{\"stateid\" : \"26\",\"statename\" : \"Pondicherry\"},{\"stateid\" : \"27\",\"statename\" : \"Punjab\"},{\"stateid\" : \"28\",\"statename\" : \"Rajasthan\"},{\"stateid\" : \"29\",\"statename\" : \"Sikkim\"},{\"stateid\" : \"30\",\"statename\" : \"Tripura\"},{\"stateid\" : \"31\",\"statename\" : \"Uttar Pradesh\"},{\"stateid\" : \"32\",\"statename\" : \"West Bengal\"}]}"} 

 var listItems= ""; var jsonData = jsonObj.d; for (var i = 0; i < jsonData.Table.length; i++){ listItems+= ""; } $("#<%=DLState.ClientID%>").html(listItems); 

пример

        /*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+= ""; } $("#DLState").html(listItems); }); 
 //javascript //teams.Table does not exist function OnSuccessJSON(data, status) { var teams = eval('(' + data.d + ')'); var listItems = ""; for (var i = 0; i < teams.length; i++) { listItems += ""; } $("#<%=ddlTeams.ClientID%>").html(listItems); } 

Чтобы заполнить ComboBox с помощью JSON, вы можете также использовать: jqwidgets combobox .

попробуй это, это сработало для меня

 $(document).ready(function(e){ $.ajax({ url:"fetch", processData: false, dataType:"json", type: 'POST', cache: false, success: function (data, textStatus, jqXHR) { $.each(data.Table,function(i,tweet){ $("#list").append(''); });} }); }); 
  • сделать выпадающий список элементов невыбранным
  • DropDownList устанавливает выбранный элемент в asp.net MVC
  • Как сохранить пробелы в DropDownList - представления ASP.NET MVC Razor
  • Как выбрать / получить раскрывающийся список в Selenium 2
  • twitter bootstrap - выпадение нескольких столбцов
  • Asp.net - Добавить пустой элемент в верхней части раскрывающегося списка
  • Html.EnumDropdownListFor: отображение текста по умолчанию
  • Заполнение выпадающего списка HTML в JSP со значениями, полученными из базы данных в Servlet
  • Как установить значение DropDownList с помощью jQuery?
  • Сохранять раскрывающееся окно Bootstrap при нажатии
  • Поддержка optgroup в выпадающем списке .NET MVC?
  • Давайте будем гением компьютера.