JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<table class="variations">
    <tr>
        <td>
            <select name="up_options">
                <option value="" selected>Select Value</option>
                <option value="a">A</option>
                <option value="b">B</option>
                <option value="c">C</option>
                <option value="d">D</option>
                <option value="e">E</option>
            </select>
        </td>
    </tr>
</table>
<label class="single_variation">test</label>

JavaScript

// Shortcut for DOM ready with locally scoped $
       jQuery(function ($) {
           // Delegated event handler attached to a common ancestor
           $('.variations').on('change', 'select', function () {
               // this is the select itself, so use its val()
               var currentSelectVal = $(this).val();
               // Do somthing with the selection
               $('.single_variation').text(currentSelectVal);
           });
       });