How to add Drop-Down list (<select>) programmatically?

Question

I want to create a function in order to programmatically add some elements on a page.

Lets say I want to add a drop-down list with four options:

<         


        

Answer 1

var sel = document.createElement('select');
sel.name = 'drop1';
sel.id = 'Select1';

var cars = [
  "volvo",
  "saab",
  "mercedes",
  "audi"
];

var options_str = "";

cars.forEach( function(car) {
  options_str += '' + car + '';
});

sel.innerHTML = options_str;


window.onload = function() {
  document.body.appendChild(sel);
};