JSFiddle - React, Tailwind, and code Playground
HTML
<div class='select_wrap'>
<select class='sectos'>
<option value="" selected="selected">-Select One-</option>
<option value="No">No</option>
<option value="2">Yes</option>
<option value="3">other</option>
</select>
<input type="text" placeholder="Please Specify..." class="other" />
</div>
<div class='select_wrap'>
<select class='sectos'>
<option value="" selected="selected">-Select One-</option>
<option value="No">No</option>
<option value="2">Yes</option>
<option value="3">other</option>
</select>
<input type="text" placeholder="Please Specify..." class="other" />
</div>
<div class='select_wrap'>
<select class='sectos'>
<option value="" selected="selected">-Select One-</option>
<option value="No">No</option>
<option value="2">Yes</option>
<option value="3">other</option>
</select>
<input type="text" placeholder="Please Specify..." class="other" />
</div>
JavaScript
$('.other').hide();
$('.sectos').change(function() {
if($(this).val() == 3){
$(this).next('input').fadeIn();
}
else{
$(this).next('input').fadeOut();
}
});