contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074


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.



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 Terkait

Diskusi