Primasaja.com: Service WEB, MOBILE & SOFTWARE DEVELOPMENT , ENGINEERING & ARCHITECTURE , DESIGN & CREATIVE , ADMIN SUPPORT , SALES & MARKETING , INSTALASI JARINGAN & KOMPUTER
Email: jakaprima123@gmail.com
Phone: 081311086653
Fax: -
Url:
cash, credit card
Perum Griya Rajeg Lestari Blok C No 24
Tangerang indonesia 15540

Belajar Jquery Dasar Penggunaan Select Pada Form Event

tidak ada komentar : DIPOSTING OLEH jaka Pada 2015 LABEL: jquery

www.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.

Tidak Ada Komentar: