JSFiddle - React, Tailwind, and code Playground

HTML

<select class="selectoption">
    <option value="1">Option1</option>
    <option value="2">Option2</option>
    <option value="3">Option3</option>
</select>
  <input type="text" name="name" class="inputoption"  />
<select class="selectoption">
    <option value="1">Option1</option>
    <option value="2">Option2</option>
    <option value="3">Option3</option>
</select>
  <input type="text" name="name" class="inputoption"  />
<select class="selectoption">
    <option value="1">Option1</option>
    <option value="2">Option2</option>
    <option value="3">Option3</option>
</select>
  <input type="text" name="name" class="inputoption"  />
<select class="selectoption">
    <option value="1">Option1</option>
    <option value="2">Option2</option>
    <option value="3">Option3</option>
</select>
  <input type="text" name="name" class="inputoption"  />

JavaScript

$('.selectoption').on('change', function() {
    $(this).next('.inputoption').val($(this).val());
});