JSFiddle - React, Tailwind, and code Playground

HTML

<select id="tmcp_select_1" class="tmcp-field ProductSelector tm-epo-field tmcp-select" tabindex="1" data-rules="" data-price="" name="tmcp_select_0">

    <option data-rulestype="[""]" data-rules="[""]" data-price="" value="Select Product_0" selected="selected">

        Select Product

    </option>
    <option data-rulestype="[""]" data-rules="[""]" data-price="" value="Men's T-shirt_1">

        Men’s T-shirt

    </option>
    <option data-rulestype="[""]" data-rules="[""]" data-price="" value="Women's T-shirt_2">

        Women’s T-shirt

    </option>
    <option data-rulestype="[""]" data-rules="[""]" data-price="" value="Kid's T-shirt_3">

        Kid’s T-shirt

    </option>
    <option data-rulestype="[""]" data-rules="["3"]" data-price="3" value="Vest Top_4">

        Vest Top

    </option>
    <option data-rulestype="[""]" data-rules="["-1"]" data-price="-1" value="Tote Bag_5">

        Tote Bag

    </option>
    <option data-rulestype="[""]" data-rules="["16"]" data-price="16" value="Men's Zip Hoodie_6">

        Men’s Zip Hoodie

    </option>
    <option data-rulestype="[""]" data-rules="["16"]" data-price="16" value="Women's Zip Hoodie_7">

        Women’s Zip Hoodie

    </option>

</select>

JavaScript

$(document).ready(function() {  
    $('#tmcp_select_1').change(function(){
        switch ($('#tmcp_select_1').val()) {
  case "*_1";
        alert( $(this).find("option:selected").attr('value') );       
    break;
        }
 });