Membuat option tanpa klik submit dengan onChange Javascript

Membuat option tanpa klik submit dengan onChange Javascript

Membuat input tanpa submit dengan javascript
Hi Bloggers ,

Selamat siang sahabat mudah-loh , kali ini kita akan mencoba
Membuat option tanpa klik submit dengan onChange Javascript
mungkin biasanya sahabat mudah-loh membuat input data biasanya
harus klik tombol submit, (untuk contoh seperti pengaturan privasi apada Facebook).
Nah disini saya buat tutorial Membuat option tanpa klik submit dengan
onChange Javascript ,jadi kita ga perlu klik tombol submit untuk menginput data.
Gimana sudah ada gambarannya ?
jika sudah ayo kita lanjut menuliskan scriptnya .

<form id="form3" method="post" action="" >
<select  id="tahun"name="tahun" onchange="document.getElementById('form3').submit();"><?php
//Membuat pengulangan data menggunakan for
for($thn=1990;$thn<=$year;$thn++){
echo "<option value=".$thn.">".$thn."</option>";
}?></select></form>
<?php
$tahun=$_POST['tahun'];
echo "$tahun";
?>
maka hasil dari script diatas akan seperti ini,

77Hasilnya akan menjadi => 44

Perhatikan gambar diatas terdapat nilai option 2001 .

Konsep dari script diatas anda menambahkan onchange pada select , maksud dari
document.getElementById('form3').submit();  yaitu mengambil id form3 dan klik submit .
intinya kita memaksa form3 untuk men Submit .
dan pada tag PHP , kita mengambil post tahun , lalu menampilkannya
$tahun=$_POST['tahun'];
echo "$tahun";

Nah Ternyata  Mudah-loh  eBelajar Jquery .
yang penting mau mencoba dan penuh kreasi .

Sekian Membuat option tanpa klik submit dengan onChange Javascript.

Share this

Related Posts

Previous
Next Post »