How to add Drop-Down list () programmatically?

by

This will work (pure JS, appending to a div of id myDiv):

Demo: http://jsfiddle.net/4pwvg/

var myParent = document.body;

//Create array of options to be added
var array = ["Volvo","Saab","Mercades","Audi"];

//Create and append select list
var selectList = document.createElement("select");
selectList.id = "mySelect";
myParent.appendChild(selectList);

//Create and append the options
for (var i = 0; i < array.length; i++) {
    var option = document.createElement("option");
    option.value = array[i];
    option.text = array[i];
    selectList.appendChild(option);
}

More Related Contents:

  1. How to use jQuery to select a dropdown option?
  2. Displaying selected dropdown option [closed]
  3. jQuery Get Selected Option From Dropdown
  4. How to use Checkbox inside Select Option
  5. How to get all selected values of a multiple select box?
  6. Dropdownlist width in IE
  7. Avoid dropdown menu close on click inside
  8. Is there an onSelect event or equivalent for HTML ?
  9. Get selected option text with JavaScript
  10. Removing an item from a select box
  11. Drop-down box dependent on the option selected in another drop-down box
  12. How to ensure a form field is submitted when it is disabled?
  13. Change ‘s option and trigger events with JavaScript
  14. Links in dropdown options
  15. Show a second dropdown based on previous dropdown selection
  16. Creating a select box with a search option
  17. Bootstrap dropdown closing when clicked
  18. use a javascript array to fill up a drop down select box
  19. option.style.display = “none” not working in safari [duplicate]
  20. Getting an option text/value with JavaScript
  21. HTML SELECT – Change selected option by VALUE using JavaScript
  22. Close a SELECT dropdown list programmatically with Javascript/jQuery
  23. How to hide optgroup/option elements?
  24. Can you have multiple lines in an element?
  25. Get drop down value
  26. Do you need text/javascript specified in your tags?
  27. How to export html table to excel using javascript
  28. javascript get x and y coordinates on mouse click
  29. allowing only alphabets in text box using java script
  30. Auto Mobile Site Redirect

Leave a Comment