JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<form action="#">
    <fieldset>
        <label for="mySelectUi">selectmenu UI:</label>
        <select name="mySelectUi" id="mySelectUi">
            <option value="1">option1</option>
            <option value="2">option2</option>
            <option value="3">option3</option>
        </select>
    </fieldset>
    <fieldset>
        <label for="mySelect">select:</label>
        <select name="mySelect" id="mySelect">
            <option value="1">option1</option>
            <option value="2">option2</option>
            <option value="3">option3</option>
        </select>
    </fieldset>
</form>

JavaScript

$(function () {
    $('#mySelectUi').selectmenu({width: 'auto'});
    function a1(event, ui){ alert("a1"); }
    function a2(event, ui){ alert("a2"); }
    document.getElementById("mySelect").addEventListener("change", a1);
    document.getElementById("mySelect").addEventListener("change", a2);
    jQuery("#mySelectUi").selectmenu({ change: a1 });
    jQuery("#mySelectUi").selectmenu({ change: a2 });
});