Mengisi input secara otomatis berguna untuk form edit yang menampilkan data tersimpan, atau mengosongkan form setelah dikirim. Artikel ini membahas cara mengisi nilai input dengan jQuery.
Metode .val(“nilai”)
<script>
$("#nama").val("Budi"); // isi input
$("#nama").val(""); // kosongkan
</script>
Metode .val() berfungsi ganda: tanpa argumen untuk membaca, dengan argumen untuk mengisi.
Contoh Kasus: Mengisi Form Edit
<script>
function isiForm(user) {
$("#nama").val(user.nama);
$("#email").val(user.email);
$("#kota").val(user.kota); // termasuk memilih dropdown
}
isiForm({ nama: "Budi", email: "budi@mail.com", kota: "solo" });
</script>
Contoh Kasus: Reset Form Setelah Kirim
<script>
$("#form")[0].reset(); // reset semua field sekaligus
// atau satu per satu:
$("#pesan").val("");
</script>
Kesimpulan
Gunakan .val("teks") untuk mengisi input, dan .val("") untuk mengosongkan. Sangat berguna untuk form edit yang memuat data tersimpan, atau membersihkan form setelah data terkirim.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

