How to populate a dropdownlist with json data in jQuery?

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

More Related Contents:

  1. How to parse JSON data with jQuery / JavaScript?
  2. Jquery Ajax Posting JSON to webservice
  3. Can I open a dropdownlist using jQuery
  4. Pass array to ajax request in $.ajax() [duplicate]
  5. json Uncaught SyntaxError: Unexpected token :
  6. TypeError: $.ajax(…) is not a function?
  7. jQuery loop over JSON result from AJAX Success?
  8. jQuery won’t parse my JSON from AJAX query
  9. jQuery autocomplete with callback ajax json
  10. jQuery posting valid json in request body
  11. Store JSON object in data attribute in HTML jQuery
  12. JQuery post JSON object to a server
  13. Is there a version of $getJSON that doesn’t use a call back?
  14. How to set encoding in .getJSON jQuery
  15. jQuery recursive iteration over objects
  16. How to read userData in jqgrid?
  17. data.map is not a function
  18. How to get Interdependent dropdowns in django using Modelform and jquery?
  19. Check if username exists in database with AJAX
  20. What does autocomplete request/server response look like?
  21. How to return a JSON object in standard web forms .Net
  22. No response from MediaWiki API using jQuery
  23. JSON: How do I make cross-domain JSON call
  24. GUI-based or Web-based JSON editor that works like property explorer [closed]
  25. Populate Select box options on click with Javascript/Jquery with Json data
  26. Why is Everyone Choosing JSON Over XML for jQuery? [closed]
  27. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  28. JSON parsing error syntax error unexpected end of input
  29. My Own Like Button: Django + Ajax — How?
  30. jQuery JSON response always triggers a ParseError

Leave a Comment