JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<p>
    <select id="test1" style="display:none">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <select id="test2">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <input type="button" class="change" value="Click me">
</p>

JavaScript

jQuery(document).ready(function($){
    $(document).on('change','#test1',function(){
	    alert($(this).attr('id')+' has changed to '+$(this).val()+'!');
    });
    $(document).on('change','#test2',function(){
        alert($(this).attr('id')+' has changed, too.');
    });
    $('.change').click(function(){
	    $('#test1').val(2).change();
	    $('#test2').val(2);
    });
})