Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript
Dalam JavaScript, anda boleh menggunakan atribut nilai untuk menggantikan nilai yang dipilih dalam kotak teks Atribut ini boleh menetapkan atau mengembalikan nilai lalai medan kata laluan Kotak teks boleh diubah suai dengan mendapatkan kotak teks objek dan mengubah suai atribut nilainya, sintaksnya ialah "nyatakan teks objek yang dipilih.value='nilai yang digantikan".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Bagaimana untuk menggantikan nilai yang dipilih dalam kotak teks dengan javascript
Dalam js, dengan mendapatkan objek kotak teks dan mengubah suai atribut nilainya , anda boleh Ubah suai nilai kotak teks.
Contohnya adalah seperti berikut:
Gunakan teg input untuk mencipta kotak teks dan tetapkan atribut idnya untuk diuji, yang digunakan untuk mendapatkan objek kotak teks di bawah. Tetapkan nilai lalai kotak teks input melalui nilai Contohnya, nilai lalai yang ditetapkan di sini ialah 5566.
Buat butang menggunakan teg butang, ikat acara onclick pada butang dan laksanakan fungsi editinput() apabila butang diklik.
Dalam teg js, cipta fungsi editinput() Dalam fungsi, dapatkan objek input melalui id dan ubah suai nilai kotak teks dengan menetapkan semula atribut nilai objek.
Sintaks adalah seperti berikut:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <input type="text" value="5566" id="test"> <button onclick="editinput()">修改</button> <script> function editinput() { document.getElementById("test").value='8888'; } </script> </body> </html>
Hasil keluaran:
Selepas mengklik butang:
[Cadangan berkaitan: tutorial pembelajaran javascript]
Atas ialah kandungan terperinci Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!