jqueryselectlist

Programmatically create select list

Does anyone know of a technique to programmatically create an HTML select list including options using JQuery?

Solution 
  • var arr = [
  {val : 1, text: 'One'},
  {val : 2, text: 'Two'},
  {val : 3, text: 'Three'}
];

var sel = $('<select>').appendTo('body');
$(arr).each(function() {
 sel.append($("<option>").attr('value',this.val).text(this.text));
});