change value

by synz izynz

HTML

<select name="select1" class="change_this">
    <option value='' data-test='{"nama":"","nokp":""}' data-nama='' data-nokp=''>Sila Pilih</option>
    <option value='1' data-test='{"nama":"ahmad","nokp":"kp1"}' data-nama='ahmad' data-nokp='kp1'>1</option>
    <option value='2' data-test='{"nama":"hamdi","nokp":"kp2"}' data-nama='hamdi' data-nokp='kp2'>2</option>
</select>
<br>
<input type="text" name="id">
    <br>
<input type="text" name="nama">
    <br>
<input type="text" name="nokp">

JavaScript

jQuery(document).ready(function( $ ) {
    // start bwh ni
    $('.change_this').on('change',function(){
        var x = $(this);
        var val = x.val();
        // var nama = x.find("option:selected").data('nama');
        // var nokp = x.find("option:selected").data('nokp');
        var nama = x.find("option:selected").data('test').nama;
        var nokp = x.find("option:selected").data('test').nokp;
        $("[name='id']").val(val); 
        $("[name='nama']").val(nama); 
        $("[name='nokp']").val(nokp); 
    });
});