JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<select id="select">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<button>

JavaScript

document.querySelector('select').addEventListener('change', function (ev) {
    console.log('Changed', ev.target.value)
});

document.querySelector('button').addEventListener('click', function () {
    select.selectedIndex = 2;
    var selectEl = document.querySelector('select');    
    var changeEvent = new Event('change');
    return !selectEl.dispatchEvent(changeEvent);
})