JSFiddle - React, Tailwind, and code Playground

by Exceeder

HTML

<select id="myselect" data-placeholder="Add foods you can buy here." 
style="height:30px; width: 100%" class="chosen-select">
<option value=""></option>
<optgroup label="blah">
 <option>blah blah</option>
</optgroup>
<optgroup label="duh">
 <option>duh duh</option>
 <option>doough doough</option>
</optgroup>

</select>


<div id="res">...</div>

JavaScript

$('#myselect').change(function() {
    $('#res').html($(this).val());
});

$('#myselect').focus();