JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<div>
    <select id="comboWT" Size="1">
        <option id="some_id" value="4" selected> Drucker</option>
        <option id="some_id2" value="5">Händler</option>
        <option id="some_id3" value="22">Sonstige</option>
    </select>
    <input type="hidden" id="rate_value" />
</div>
<input id="btn_value" type="button" value="Value?">

JavaScript

$(function (){
    var hidden = $('#rate_value'),
        comboBox = $('#comboWT');
    
    setValue();
    
    $(document).on('change', comboBox, function () { 
        setValue();
    });
    $('#btn_value').click(function () {
        alert(hidden.attr('value'));
    })
        
    function setValue() {
        var opt = comboBox.find('option:selected'); 
        hidden.attr('value', opt.val());
    }
})