contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Action Form dengan Select tanpa Tombol Submit

Posted in Javascript Jquery Life at 09 Juli 2016 With 0 Comments

Postingan Kali ini Suckittrees dot com membahas Submit Form tanpa Tombol Submit / button dengan Select, atau Auto-Submit dengan Attribut OnChange, Pada dasarnya untuk mengeksekusi sebuah form HTML kita menggunakan tombol dengan tipe submit, Nah auto submit kali ini ialah bagaimana kita mengeksekusi sebuah form tanpa menggunakan tombo submit melainkan dengan select box,

Contoh studi kasus dalah hal ini ialah, biasanya dalam menampilkan data kita membutuhkan filter data terhadap data yang akan ditampilkan, misalnya menampilkan data berdasarkan kategori yang ada.A ttribut OnChange adalah attribut pada HTML yang dijalankan jika elemen inputan mengalami perubahan Nilai / Value.

▼ Download Source Code Dibawah Ini ▼


Sebelum kita lanjut, bagi temen-temen yang belum membaca artikel sebelumnya silahkan dibaca dulu ya..

Onclick Select All di textarea

Ok.. Mari kita Mulai Cara Submit Form tanpa tombol submit, dengan event Onchange

CODE HTML :

<form action="proses.php" method="POST">
 <select id="sel_id" name="sel_name"  onchange="this.form.submit();">
<option value="0">Select</option>
<option value="2">Honda</option>
<option value="3">Kawasaki</option>
<option value="4">Yamaha</option>                   
</select>
</form>

Silahkan copy paste code diatas dan, simpan dengan format .html / .php , kemudian jalankan,, Saat kita Memilih  Kategori , maka otomatis Form akan mengeksekusi nya ke action proses.php , dengan menggunakan perintah onchange="this.form.submit(); , kita dapat melakukan eksekusi form tanpa menggunakan tombol submit

 

 

Artikel Rekomendasi



Artikel Terkait

Diskusi