Senin, 24 Agustus 2015
Belajar Jquery Dasar Penggunaan Select Pada Form Event
Label:
Jquery
Belajar Jquery Dasar Penggunaan Select Pada Form Event
Jaka Prima Maulana |
| hasil belajar jquery .select |
Selamat Datang Pengunjung primasaja.com,
Tutorial kali ini akan membahas tentang penggunaan .select pada jquery yaitu mengikatkan sebuah event javascript ketika melakukan select
Contoh
HTML : Penggunaan Jquery .select
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Belajar Jquery Dasar Penggunaan Select Pada Form Event</title>
</head>
<body>
<center><h1><p>Belajar Jquery Dasar Penggunaan Select Pada Form Event</p></h1></center>
<p>Klik tekan terus dan ambil kata dibawah ini lalu lepaskan mouse </p>
<input id="primasaja_diklik" type ="text" value=" klik dan drag saya ya "/>
<div id="hasil"></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> atau dibawah </body>
<script type="text/javascript">
$(":input").select(function(){
$("#hasil").text("anda memilih teks").show().fadeOut(2000);
});
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Langganan:
Posting Komentar
(
Atom
)
Komentar ini telah dihapus oleh pengarang.
BalasHapustest
BalasHapustest
Hapus