JSFiddle - React, Tailwind, and code Playground

HTML

<select class="selector" name="testselect">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>
</h3>
    
<input id="bacon" type="hidden" class="bacon" value="" name="testinput">

JavaScript

$(".selector").change(function() {
    
    var $value = $(this).val();
    
    var $title = $(this).children('option[value='+$value+']').html();
    
    alert($title);
      
    $('input#bacon').val($title).css('border','3px solid blue');

});