Cara Mengisi Nilai Input dengan jQuery

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).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *