JSFiddle - React, Tailwind, and code Playground

by jencinas69

HTML

<select id="data">
    <option  selected="selected">Select...</option>    
    <option value="1">Fully Successfuly</option>
    <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
</select>
<input type="text" id="dataval" /><br>
<br>
<select id="data2">
    <option  selected="selected">Select...</option>    
    <option value="1">Fully Successfuly</option>
    <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
</select>
<input type="text" id="dataval2" />
<br>
<select id="data3">
    <option  selected="selected">Select...</option>    
    <option value="1">Fully Successfuly</option>
    <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
</select>
<input type="text" id="dataval3" />
<br>
<select id="data4">
    
<option  selected="selected">Select...</option>    
    <option value="1">Fully Successfuly</option>
    <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
</select>
<input type="text" id="dataval4" />
<br>
<select id="data5">
    <option  selected="selected">Select...</option>    
    <option value="1">Fully Successfuly</option>
    <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
</select>
<input type="text" id="dataval5" />

JavaScript

$("select").change(function(){
  ind = $('select').index(this);
  selVal = $(this).children("option").filter(":selected").text();  
    $('input:text:eq(' + ind + ')').val(selVal);  
});