JSFiddle - React, Tailwind, and code Playground

HTML

<select id="s1">
    <option value="-2"> </option>
    <option value="-1">*</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" id="hfID1"/>

<select id="s2">
    <option value="-2"> </option>
    <option value="-1">*</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" id="hfID2"/>

<select id="s3">
    <option value="-2"> </option>
    <option value="-1">*</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" id="hfID3"/>

JavaScript

$('select').change(function() {
   pObfus($(this).attr('id'), $(this).next('input').attr('id'));   
});

function pObfus(pullDown,hfID) {
     var selectedVal = $('#' + pullDown).val();            
     if (selectedVal=='*'){
         return;
     }else{                          
         $('#' + hfID).val(selectedVal);              
         $('#' + pullDown + ' option:eq(1)').attr('selected','true');
     }
}