Assalamu 'alaikum Wr.Wb.

Kali ini penulis akan berbagi cerita mengenai get value form atau mengambil value form dengan jquery. Karena jquery adalah bagian terpenting dalam pembuatan aplikasi web yang dinamis. Langkah-langkahnya sebagai berikut :

Membuat script html terlebih dahulu.

<html>
<head>
<title>AMBIL VALUE</title>
</head>
<body>
<form>
<table>
<tr>
<td><input type="text" name="input1" class="input1"></td>
<td><select name="select1" class="select1">
<option value="option1">OPTION 1</option>
<option value="option2">OPTION 2</option>
</select></td>
</tr>
<tr>
<td><button type="submit" class="proses">PROSES</proses></td>
</tr>
</table>
</form>
</body>
</html>

Disetiap form inputan diberi class, misalnya class="input1" seperti contoh diatas untuk dipanggil di script jquerynya.

Download file library jquerynya disini.
Membuat script jquery dan memanggil library jquery, lalu dimasukkan didalam tag <head></head>.

<script src="jquery-1.7.2.js"></script>
<script>
$(document).ready(function(e){
$(".proses").click(function(e){
var input_1=$(".input1").val();//get value untuk class input1
var select_1=$(".select1").val();//get value untuk class select1
alert (input_1);
alert (select_1);
e.preventDefault();
});
});
</script>

.proses adalah class dari button submit yang dipanggil di jquerynya dengan menggunakan event click.
alert untuk menampilkan value yang diisi di form input dan selectnya.

Untuk proses input data dll, tunggu postingan selanjutnya.

Cukup mudahkan. silahkan dicoba dan lihat hasilnya. Insya Allah bisa.. mohon maaf jika ada kesalahan, mohon sarannya jika masih ada yang perlu diperbaiki, silahkan bertanya jika ada pertanyaan, akan dijawab semaksimal mungkin yang saya bisa, dan jangan menghujat.

Wassalamu 'alaikum Wr. wb.