JavaScript - how to detect a programmatic value change on a select element (dropdown)

Question

In JavaScript, I need to detect when the value of a certain select element has changed for any reason, including programmatically.

The onchange event i

Answer 1

You can use the MutationObservers API to watch for changes to the DOM:

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

You might have to actually observe the option nodes for the selected attribute, instead of watching the parent select node, but it should be just as easy.