JSFiddle - React, Tailwind, and code Playground

by mgrcic

HTML

<div class="editor-field">
            <select class="dropDownList valid" data-val="true" data-val-number="The field FunkcijaOsobeVezeId must be a number." data-val-required="The FunkcijaOsobeVezeId field is required." id="FunkcijaOsobeVezeId" name="FunkcijaOsobeVezeId"><option value="">Odaberite</option>
<option value="1" selected="selected">Predsjednik</option>
<option value="2">Zamjenik predsjednika</option>
<option value="3">Blagajnik</option>
<option value="4">Tajnik</option>
</select>            
</div>
<input class="hiddenField" id="FunkcijaNaziv" name="FunkcijaNaziv" type="text" value="">

JavaScript

$("#FunkcijaOsobeVezeId").change(function () {
            $('option:selected', this).attr('selected', true).siblings().removeAttr('selected');

            alert($(this).find("option:selected").text());
            $(this).parent().next().val($(this).find("option:selected").text());
        });