كيف أضيف عناصر (خيارات) إلى قائمة منسدلة DropDownList باستخدام JQuery؟

القائمة المنسدلة DropDownList تتحول إلى عنصر select في HTML لذا لكي تتمكن من إضافة عناصر إلى DropDownList باستخدام JQuery يجب أن تعرف حلقة تكرار وتقوم بعمل append للعناصر على القائمة المنسدلة كما في المثال التالي:

var myOptions = {
    val1 : 'text1',
    val2 : 'text2'
};
var mySelect = $('#mySelect');
$.each(myOptions, function(val, text) {
    mySelect.append(
        $('<option></option>').val(val).html(text)
    );
});

كيف أضيف عناصر (خيارات) إلى قائمة منسدلة DropDownList باستخدام JQuery؟