How to create dropdown list dynamically using jQuery?

Question

How do you create a dropdown list dynamically using jQuery? By dropdown list, I mean a <select> with its associated <option> values.

Answer 1

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 

Answer 2

In its simplest form,

var opt = "<option> -- Select -- </option>";  $(opt).wrap('<select />');  $('#some-container-div').html(opt);