How do I programmatically set the value of a select box element using JavaScript?

by

You can use this function:

selectElement('leaveCode', '11')

function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

Optionally if you want to trigger onchange event also, you can use :

element.dispatchEvent(new Event('change'))

More Related Contents:

  1. How can I change an element’s class with JavaScript?
  2. Converting HTML string into DOM elements?
  3. Changing CSS Values with Javascript
  4. Get next / previous element using JavaScript?
  5. Get selected option text with JavaScript
  6. How can I simulate a click to an anchor tag?
  7. Finding line-wraps
  8. How to get the element clicked (for the whole document)?
  9. What is innerHTML on input elements?
  10. JavaScript DOM: Find Element Index In Container
  11. Adding an onclick event to a table row
  12. Select all elements with a “data-xxx” attribute without using jQuery
  13. Is innerHTML asynchronous?
  14. Does the onchange event propagate?
  15. Change ‘s option and trigger events with JavaScript
  16. Is there any “on DOM change” event? [duplicate]
  17. Can I apply CSS to the elements within an iframe?
  18. Changing the order of elements
  19. createElement vs. createElementNS
  20. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  21. Does HTML Hidden control have any events? Like onchange or something?
  22. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  23. getElementsByClassName() with two classes
  24. Trying to set a span element equal to a variable value in a JS Rock, Paper, Scissors Game
  25. What is the difference between `firstChild` and `firstElementChild`?
  26. How can I remove wrapper (parent element) without removing the child?
  27. Why does
  28. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  29. How to reduce the length of a video using JavaScript? [closed]
  30. Why I cant use jQuery functionality

Leave a Comment