Posting ini akan menentukan prosedur untuk menetapkan nilai ke kotak teks menggunakan JavaScript.
Bagaimana Cara Menetapkan Nilai ke Textbox Menggunakan JavaScript?
Untuk menetapkan nilai ke kotak teks, gunakan metode berikut:
Mari kita lihat cara kerja metode ini secara terpisah!
Metode 1: Tetapkan Nilai ke Kotak Teks Menggunakan Metode setAttribute()
' setAtribut() ” digunakan untuk menetapkan nilai ke kotak teks. Ini digunakan untuk menambah atau mengatur atribut ke elemen tertentu dan memberinya nilai. Metode ini menggunakan dua parameter sebagai argumen, dan keduanya wajib.
Sintaksis
Ikuti sintaks yang disebutkan di bawah ini untuk metode setAttribute():
set Atribut ( atributName, atributValue ) ;Di Sini, ' nilai atribut ” adalah nilai dari atribut yang namanya ditentukan.
Contoh
Pertama-tama kita akan membuat heading dan field input dengan default “ Teks ” nilai tempat penampung. Selanjutnya, tambahkan tombol yang akan memanggil metode 'myFunction()' saat diklik:
< h5 > Klik tombol untuk melihat bawaan nilai bidang teks. h5 >< tipe masukan = 'teks' Indo = 'teks saya' tempat penampung = 'Teks' >
< tombol onclick = 'fungsi saya()' > Klik tombol >
Dalam file JS, tentukan fungsi bernama “ fungsi saya() ” dan akses kotak teks menggunakan “ getElementbyId() ” dan kemudian atur nilainya dengan bantuan “ setAtribut() ' metode:
fungsi myFungsi ( ) {dokumen. getElementById ( 'teks saya' ) . set Atribut ( 'nilai' , 'LinuxPetunjuk' ) ;
}
Dapat dilihat dari output bahwa ketika tombol diklik, nilai kotak teks ditetapkan sebagai “ LinuxPetunjuk ”:
Mari kita lihat prosedur selanjutnya untuk menetapkan nilai ke kotak teks.
Metode 2: Tetapkan Nilai ke Kotak Teks Menggunakan Properti Nilai Teks
Ada pendekatan lain untuk menetapkan nilai ke kotak teks, yaitu ' nilai ” milik teks. Dalam pendekatan ini, Anda hanya perlu menetapkan nilai ke kotak teks menggunakan properti nilai.
Sintaksis
Gunakan sintaks berikut untuk menetapkan nilai ke kotak teks menggunakan properti nilai dari elemen teks:
nilai = 'Teks' ;Contoh
Di sini, kami akan menetapkan nilai ke kotak teks yang sudah dibuat pada contoh sebelumnya. Untuk melakukannya, akses kotak teks di myFunction() dan kemudian, tetapkan nilai yang diperlukan ke kotak teks menggunakan ' nilai ' Properti:
fungsi myFungsi ( ) {dokumen. getElementById ( 'teks saya' ) . nilai = 'LinuxPetunjuk' ;
}
Seperti yang Anda lihat hasilnya dengan sukses, tetapkan nilai ke kotak teks:
Kami telah mengumpulkan pendekatan paling sederhana untuk menetapkan nilai ke kotak teks menggunakan JavaScript.
Kesimpulan
Untuk menetapkan nilai ke kotak teks menggunakan JavaScript, Anda dapat menggunakan metode standar JavaScript yang disebut metode setAttribute() atau properti nilai dari elemen teks. Kedua pendekatan ini bekerja secara efisien untuk menetapkan nilai ke kotak teks. Anda dapat memilih salah satunya sesuai kebutuhan Anda. Dalam posting ini, kami telah membahas pendekatan untuk menetapkan nilai ke kotak teks menggunakan JavaScript dengan contoh terperinci.