How to programmatically click Select element and trigger onChange handler?

try this, it worked for me...your problem can just be you didnt change the actual value on solution 2 before triggering change :

    function handleChange() {
        alert('hello')
    }


 console.log(document.getElementById('names'));
 document.getElementById('names').selectedIndex = 1;
 document.getElementById('names').dispatchEvent(new Event('change'));

    <select id="names" onchange="handleChange()">
        <option>Foo</option>
        <option>Bar</option>
    </select>

Tags:

Javascript

Html

Related