Adding options to a <select> using jQuery?

Question

What's the easiest way to add an option to a dropdown using jQuery?

Will this work?

$("#mySelect").append('<option value=1>My option</option>'); 

Answer 1

Personally, I prefer this syntax for appending options:

$('#mySelect').append($('<option>', {     value: 1,     text: 'My option' })); 

If you're adding options from a collection of items, you can do the following:

$.each(items, function (i, item) {     $('#mySelect').append($('<option>', {          value: item.value,         text : item.text      })); });