Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript

WBOY

Lepaskan： 2022-01-12 16:09:29

asal

2863 orang telah melayarinya

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

Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript

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=&#39;8888&#39;;
    }
  </script>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript

Selepas mengklik butang:

Bagaimana untuk menggantikan nilai kotak teks yang dipilih dengan javascript

[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!