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 Form Event Merubah Data Dengan Change

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

Gambar Hasil Tutorial Jquery Form Event Merubah Data Dengan .Change

Gambar Hasil Tutorial


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

Gambar Hasil Tutorial Jquery Form Event Merubah Data Dengan .Change

Gambar Hasil Tutorial


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.

Tidak Ada Komentar: