JSFiddle - React, Tailwind, and code Playground

by alexdickson

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">
        
        
<button type="button">what is hidden field?</button>

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');

});

$('button').click(function() {
    alert($('input#bacon').val());
});