Cara Mengambil Attribut Data Dari Select dengan Jquery ( How to get attribut data with jquery )
Hi bloggers,
selamat siang , kali ini Mudah-loh.blogspot.com
Bisanya kita hanya mengambil value dari select ,
Nah kali ini beda loh , kita akan membahas tentang
Cara Mengambil Attribut Data Dari Select dengan Jquery.
atrribut di sini biasanya di gunakan sebagai data tambahan .
Seperti contoh ketika anda memilih select X10 maka pada input
akan otomatis muncul Rp.12000 .
Konsep Cara Mengambil Attribut Data Dari Select dengan Jquery.
yaitu kita menambahkan attribut pada tag select (misal : data-id) dan
mengisinya sesuai kebutuhan ( misal 12000) .
setelah itu kita buat sebuah script Jquery , dengan logika ketika page terload ,
dan ketika kita memilih option misal X20 maka akan mencari data-id dari
option yang selected ( terpilih ) . Lalu akan kita masukan ke value input.
Masih bingung ? coba lihat script berikut
Coba sekarang kita tes ,
jika berhasil maka hasilnya akan seperti ini
Nah Sekian mudah-blogspot.com Cara Mengambil Attribut Data Dari Select dengan Jquery semoga bermanfaat.
Hi bloggers,
selamat siang , kali ini Mudah-loh.blogspot.com
Bisanya kita hanya mengambil value dari select ,
Nah kali ini beda loh , kita akan membahas tentang
Cara Mengambil Attribut Data Dari Select dengan Jquery.
atrribut di sini biasanya di gunakan sebagai data tambahan .
Seperti contoh ketika anda memilih select X10 maka pada input
akan otomatis muncul Rp.12000 .
Konsep Cara Mengambil Attribut Data Dari Select dengan Jquery.
yaitu kita menambahkan attribut pada tag select (misal : data-id) dan
mengisinya sesuai kebutuhan ( misal 12000) .
setelah itu kita buat sebuah script Jquery , dengan logika ketika page terload ,
dan ketika kita memilih option misal X20 maka akan mencari data-id dari
option yang selected ( terpilih ) . Lalu akan kita masukan ke value input.
Masih bingung ? coba lihat script berikut
<select class="select2">Oh iya jangan lupa download dulu file Jquery.com sebelum menggunakannya.
<option data-id="12000" value="2"> X10</option>
<option data-id="22000" value="2"> X20 </option>
<option data-id="51000" value="2"> X50</option>
</select>
<input type="text" id="nama" name="nama">
<script>
$(document).ready(function(){
$('.select2').change(function(){
<!--proses mencari data -->
var ee = $(this).find('option:selected').data('id');
$("#nama").val(ee);
});});</script>
Coba sekarang kita tes ,
jika berhasil maka hasilnya akan seperti ini
Nah Sekian mudah-blogspot.com Cara Mengambil Attribut Data Dari Select dengan Jquery semoga bermanfaat.