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(\'My         


        

Answer 1

Based on dule's answer for appending a collection of items, a one-liner for...in will also work wonders:

let cities = {'ny':'New York','ld':'London','db':'Dubai','pk':'Beijing','tk':'Tokyo','nd':'New Delhi'};

for(let c in cities){$('#selectCity').append($('',{value: c,text: cities[c]}))}

Both object values and indexes are assigned to the options. This solution works even in the old jQuery (v1.4)!