Jumat, 21 Agustus 2015
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Label:
CSS / Bootstrap
,
Jquery
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Jaka Prima Maulana |
| Gambar Hasil Tutorial |
Selamat datang Pengunjung Primasaja.com,
Hari ini kita akan membahas mengenai " Belajar Jquery Form Event Merubah Data Dengan .Change " tutorial kali ini kita akan mencoba penggunaan event change yang berfungsi untuk mengirim ke element ketika value atau nilainya berubah, untuk lebih jelasnya langsung saja kita praktekkan.
HTML
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Tutorial Jquery Form .Change PrimaSaja.com</title>
</head>
<body>
<select class="menu" multiple>
<option selected>Nasi Goreng</option>
<option >Nasi Bebek</option>
<option selected>Sate</option>
<option>Mie Ayam</option>
<option >Baso</option>
</select>
<br>
tekan ctrl dan pilih untuk memilih lebih dari satu
<br>
pilihan menu anda adalah <div class="berubah"> </div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body>
<script type="text/javascript>
$(".menu").change(function(){
var a = "";
$(".menu option:selected").each(function(){
a += $(this).text() + " ";
});
$(".berubah").text(a);
})
.change();
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar