how to dynamically add options to an existing select in vanilla javascript

Question

I\'d like to add option to a select dynamically using plain javascript. Everything I could find involves JQuery or tries to create the select dynamically as well. The clos

Answer 1

The simplest way is:

selectElement.add(new Option('Text', 'value'));

Yes, that simple. And it works even in IE8. And has other optional parameters.

See docs:

• HTMLSelect​Element​.add(item[, before])
  
• new Option(text, value, defaultSelected, selected);