How to populate the options of a select element in javascript

by

You can create the option inside the loop;

for(element in langArray)
{
   var opt = document.createElement("option");
   opt.value= index;
   opt.innerHTML = element; // whatever property it has

   // then append it to the select element
   newSelect.appendChild(opt);
   index++;
}

// then append the select to an element in the dom

More Related Contents:

  1. Get selected value in dropdown list using JavaScript
  2. What is the best way to add options to a select from a JavaScript object with jQuery?
  3. Adding options to a using jQuery?
  4. Change the selected value of a drop-down list with jQuery
  5. Working with select using AngularJS’s ng-options
  6. How to use Checkbox inside Select Option
  7. How to populate a cascading Dropdown with JQuery
  8. jQuery get specific option tag text
  9. Is it possible to use JS to open an HTML select to show its option list? [duplicate]
  10. How do you remove all the options of a select box and then add one option and select it with jQuery?
  11. How do I programatically select an HTML option using JavaScript?
  12. Hide select option in IE using jQuery
  13. Check if option is selected with jQuery, if not select a default
  14. How to use jQuery to select a dropdown option?
  15. How to add Drop-Down list () programmatically?
  16. How to ensure a form field is submitted when it is disabled?
  17. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  18. Change ‘s option and trigger events with JavaScript
  19. How to keep cascade dropdownlist selected items after form submit?
  20. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  21. option.style.display = “none” not working in safari [duplicate]
  22. set option “selected” attribute from dynamic created option
  23. Javascript to Select Multiple options [closed]
  24. Getting an option text/value with JavaScript
  25. jQuery remove options from select
  26. Close a SELECT dropdown list programmatically with Javascript/jQuery
  27. How to hide optgroup/option elements?
  28. React Warning: flattenChildren(…): Encountered two children with the same key
  29. Can you have multiple lines in an element?
  30. Get drop down value

Leave a Comment