Set Input Value To Empty Javascript

Set Input Value To Empty Javascript

3 min read Jun 20, 2024
Set Input Value To Empty Javascript

Cara Mengosongkan Nilai Input di JavaScript

Pada saat mengembangkan situs web, seringkali kita perlu mengosongkan nilai input setelah suatu tindakan dilakukan, seperti setelah mengirimkan formulir atau setelah mengedit data. Artikel ini membahas cara mengosongkan nilai input di JavaScript.

Metode Mengosongkan Nilai Input

Berikut adalah beberapa metode yang dapat Anda gunakan untuk mengosongkan nilai input di JavaScript:

1. Menggunakan Property value

Metode yang paling sederhana adalah dengan menetapkan property value dari elemen input ke string kosong ("").

Contoh:

// Mendapatkan elemen input berdasarkan ID
const inputField = document.getElementById('myInput');

// Mengosongkan nilai input
inputField.value = "";

2. Menggunakan Metode reset()

Jika Anda memiliki formulir, Anda dapat menggunakan metode reset() pada formulir untuk mengosongkan semua input di dalamnya.

Contoh:

3. Menggunakan JavaScript Library

Beberapa library JavaScript seperti jQuery menyediakan fungsi khusus untuk mengosongkan input.

Contoh (jQuery):

// Mengosongkan nilai input dengan ID "myInput"
$("#myInput").val("");

4. Menggunakan Event Listener

Anda dapat menggunakan event listener seperti onkeyup atau onchange untuk mengosongkan input setelah suatu tindakan dilakukan.

Contoh:

// Mendapatkan elemen input berdasarkan ID
const inputField = document.getElementById('myInput');

// Menambahkan event listener "onkeyup"
inputField.addEventListener('keyup', function() {
  // Mengosongkan nilai input setelah input diubah
  inputField.value = "";
});

Kesimpulan

Ada beberapa metode yang dapat digunakan untuk mengosongkan nilai input di JavaScript. Metode mana yang Anda gunakan akan tergantung pada kebutuhan dan preferensi Anda. Pastikan untuk memilih metode yang paling sesuai untuk skenario Anda.

Semoga artikel ini membantu Anda memahami cara mengosongkan nilai input di JavaScript.