JSFiddle - React, Tailwind, and code Playground

by rossmartin

HTML

<select id="CTRL_category">
    <option value='option-1' id="opt1">Option 1</option>
    <option value='option-2' id="opt2">Option 2</option>
    <option value='option-3' id="opt3">Option 3</option>
</select>

JavaScript

$(function(){ // dom ready
    var selected = $('#CTRL_category option:selected');
    alert('selected id -> ' + selected.attr('id') + '\nselected value -> ' + selected.attr('value'));
    $('#CTRL_category').change(function(){
        var selected = $('#CTRL_category option:selected');
        alert('selected id -> ' + selected.attr('id') + '\nselected value -> ' + selected.attr('value'));
    });
});