How to add an onchange event to a select box via JavaScript?

Spread the love

Sometimes, we want to add an onchange event to a select box via JavaScript.

In this article, we’ll look at how to add an onchange event to a select box via JavaScript.

To add an onchange event to a select box via JavaScript, we call addEventListener.

For instance, we write

select.addEventListener(
  "change",
  (e) => {
    toggleSelect(e.target.id);
  },
  false
);

to call addEventListener to add a change event listener to the select element.

We set the event listener to the function that calls the toggleSelect function with the element’s ID.

e.target.id has the element’s ID.

To add an onchange event to a select box via JavaScript, we call addEventListener.

By John Au-Yeung