Adding Options to a with jQuery

jQuery offers various methods to effortlessly add options to a dropdown.

Using .append() with HTML String:

While the code you provided can indeed add an option, it requires escaping HTML characters. To simplify this process:

$("#mySelect").append('My option');

Using .append() with jQuery Object:

For greater control and readability, you can create jQuery objects to define the option:

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

Bulk Addition from Data Collection:

If you have a collection of items to append as options:

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