How to populate a dropdownlist with json data in jquery

Question

I am developing a country state cascading dropdown list    I returned json result based on countryId but I don t know how to populate fill it in a new dropdown listbox     Here is what I am using   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      And alert gave this     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       And my aspx page has this    lt td gt   lt asp DropDownList ID  DLCountry  runat  server  CssClass  dropDownListSkin    onchange  return getstate this value    gt    lt  asp DropDownList gt     lt  td gt    lt td gt    lt asp DropDownList ID  DLState  runat  server  CssClass  dropDownListSkin  gt      lt  asp DropDownList gt    lt  td gt    Any suggestion on how to fill DLState dropdown     EDIT   When I inspected through firebug I got the response for my ajax post     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

User · Answer

To populate ComboBox with JSON  you can consider using the  jqwidgets combobox  too

User · Answer

try this one its worked for me  x000D   x000D    document  ready function e   x000D            ajax   x000D             url  fetch   x000D             processData  false  x000D             dataType  json   x000D             type   POST   x000D             cache  false  x000D             success  function  data  textStatus  jqXHR    x000D                           x000D                             each data Table function i tweet   x000D            list   append   lt option value    tweet actor id    gt   tweet first name   lt  option gt     x000D          x000D              x000D          x000D   x000D   x000D

User · Answer

javascript   teams Table does not exist  function OnSuccessJSON data  status        var teams   eval       data d             var listItems           for  var i   0  i  lt  teams length  i            listItems      lt option value      teams i  0      gt     teams i  1      lt  option gt                   lt   ddlTeams ClientID  gt    html listItems

User · Answer

var listItems      var jsonData   jsonObj d      for  var i   0  i  lt  jsonData Table length  i           listItems     lt option value      jsonData Table i  stateid      gt     jsonData Table i  statename     lt  option gt                   lt   DLState ClientID  gt    html listItems     Example      lt html gt       lt head gt  lt  head gt       lt body gt         lt select id  DLState  gt         lt  select gt       lt  body gt       lt  html gt         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  lt  jsonList Table length  i             listItems     lt option value      jsonList Table i  stateid      gt     jsonList Table i  statename     lt  option gt                      DLState   html listItems

[jquery] How to populate a dropdownlist with json data in jquery?

Examples related to jquery

Examples related to json

Examples related to drop-down-menu