dropdown select

nachladen der details

by Leon

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select id="otkuda">
  <option value="volvo" details="asd">Volvo</option>
  <option value="saab" details="asdfdfsd">Saab</option>
  <option value="mercedes" details="adhfdffsasd">Mercedes</option>
  <option value="audi" details="347856">Audi</option>
</select>
<br>
<br>
<textarea type="text" id="kuda" value="xxx" disabled></textarea>

JavaScript

/*
$('select').on('change', function() {
  //alert( this.value );
  alert( this.options[this.selectedIndex].getAttribute('data-val') );
  
})
*/



$(document).ready(function(){
    $("#otkuda").on('change', function() {
        $("#kuda").val( this.options[this.selectedIndex].getAttribute('details') );
    });
});


/*
$(document).ready(function(){
    $("#otkuda").click(function(){
        $("#kuda").val("Dolly Duck");
    });
});
*/