jquery fill dropdown with json data

by

This should do the trick:

$($.parseJSON(data.msg)).map(function () {
    return $('<option>').val(this.value).text(this.label);
}).appendTo('#combobox');

Here’s the distinction between ajax and getJSON (from the jQuery documentation):

[getJSON] is a shorthand Ajax function, which is equivalent to:

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

EDIT: To be clear, part of the problem was that the server’s response was returning a json object that looked like this:

{
    "msg": '[{"value":"1","label":"xyz"}, {"value":"2","label":"abc"}]'
}

…So that msg property needed to be parsed manually using $.parseJSON().

More Related Contents:

  1. How to parse JSON data with jQuery / JavaScript?
  2. Sorting JSON by values
  3. jquery loop on Json data using $.each
  4. Pass array to ajax request in $.ajax() [duplicate]
  5. TypeError: $.ajax(…) is not a function?
  6. jQuery loop over JSON result from AJAX Success?
  7. jQuery won’t parse my JSON from AJAX query
  8. XMLHttpRequest cannot load an URL with jQuery
  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 getJSON works locally, but not cross domain
  13. jqGrid does not populate with data
  14. jQuery recursive iteration over objects
  15. data.map is not a function
  16. Check if username exists in database with AJAX
  17. What does autocomplete request/server response look like?
  18. JSON: How do I make cross-domain JSON call
  19. Creating a json object in jsp and using it with JQuery
  20. Populate Select box options on click with Javascript/Jquery with Json data
  21. Why is Everyone Choosing JSON Over XML for jQuery? [closed]
  22. jQuery – How to PUT JSON via Ajax?
  23. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  24. jquery reading nested json
  25. JSON parsing error syntax error unexpected end of input
  26. jquery autocomplete with json response
  27. Generating HTML forms from JSON or XML feed using JQuery
  28. Convert delimited string into hierarchical JSON with JQuery
  29. My Own Like Button: Django + Ajax — How?
  30. jQuery JSON response always triggers a ParseError

Leave a Comment