How to create dropdown list dynamically using jQuery?

by

Just create the elements like any element.

Example:

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s = $('<select />');

for(var val in data) {
    $('<option />', {value: val, text: data[val]}).appendTo(s);
}

s.appendTo('body'); // or wherever it should be

More Related Contents:

  1. jQuery validate: How to add a rule for regular expression validation?
  2. How to bind ‘touchstart’ and ‘click’ events but not respond to both?
  3. How do I catch an Ajax query post error?
  4. jQuery Validation Plugin – adding rules that apply to multiple fields
  5. jquery find versus context selection
  6. jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity
  7. Fade in each element – one after another
  8. css width: calc(100% -100px); alternative using jquery
  9. Is there a version of $getJSON that doesn’t use a call back?
  10. How to set encoding in .getJSON jQuery
  11. How to fade changing background image
  12. What is the best way of showing progress on an Ajax call?
  13. jQuery resize function doesn’t work on page load
  14. jqGrid : issue loading nested sub grid with local datatype
  15. How do I force jQuery append to NOT automatically close a tag?
  16. Aptana Plugin for Eclipse and jQuery code assist
  17. click() event is calling twice in jQuery
  18. How can I tell if a particular CSS property is inherited with jQuery?
  19. jquery how to catch enter key and change event to tab
  20. Show Page Loading Spinner on Ajax Call in jQuery Mobile
  21. Data attribute value updated by jquery is not visible in DOM
  22. How can I find the closest previous sibling with class using jQuery?
  23. How to load a Google Maps map inside of a hidden element
  24. How to preview selected image in input type=”file” in popup using jQuery? [duplicate]
  25. Remove CSS “top” and “left” attributes with jQuery
  26. jQuery validator and datepicker click not validating
  27. jquery validation not waiting for remote validation to return true, considers form valid
  28. Selecting a jQuery Tab using a parameter in the URL
  29. Using jQuery’s $.ajax within an angularJS controller
  30. In-cell data bars in jqGrid – possible or not?

Leave a Comment