Bagaimanakah Saya Mendapatkan Nilai Medan Teks Input dalam JavaScript?

Mendapatkan Nilai Medan Teks Input dalam JavaScript

Sebagai tindak balas kepada pertanyaan anda, beberapa kaedah tersedia untuk mendapatkan semula nilai medan teks input secara langsung tanpa menggunakan borang.

Kaedah 1: Menggunakan getElementById()

document.getElementById('textbox_id').value mendapatkan semula nilai medan input teks yang dikehendaki secara langsung.

document.getElementById("searchTxt").value; // Get the value of the searchTxt text field

Kaedah 2: Menggunakan getElementsByClassName()

document.getElementsByClassName('class_name')[whole_number].value mengembalikan HTMLCollection langsung dan boleh digunakan untuk memilih medan teks yang dikehendaki berdasarkan kelasnya.

document.getElementsByClassName("searchField")[0].value; // Get the value of the first text field with class "searchField"

Kaedah 3: Menggunakan getElementsByTagName()

document.getElementsByTagName('input')[whole_number].value juga mengembalikan HTMLCollection langsung dan membolehkan anda memilih medan teks yang diingini berdasarkan nama tegnya.

document.getElementsByTagName("input")[0].value; // Get the value of the first text input field

Kaedah 4: Menggunakan getElementsByName()

document.getElementsByName('name')[whole_number].value mengembalikan NodeList langsung dan boleh digunakan untuk memilih medan teks yang diingini berdasarkan atribut namanya.

document.getElementsByName("searchTxt")[0].value; // Get the value of the first text field with name "searchTxt"

Kaedah 5: Menggunakan querySelector()

document.querySelector('selector').value menggunakan pemilih CSS untuk memilih medan teks yang dikehendaki.

document.querySelector('#searchTxt').value; // Get the value of the text field with id "searchTxt"

Kaedah 6: Menggunakan querySelectorAll()

document.querySelectorAll('selector')[whole_number].value juga menggunakan pemilih CSS untuk memilih medan teks yang diingini, tetapi mengembalikan NodeList statik.

document.querySelectorAll('.searchField')[0].value; // Get the value of the first text field with class "searchField"

Jadual di bawah menyediakan maklumat keserasian penyemak imbas untuk kaedah ini:

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Buggy	No	Yes	Buggy	No
IE7	Buggy	No	Yes	Buggy	No
IE8	Yes	No	Yes	Buggy	Yes
IE9	Yes	Yes	Yes	Buggy	Yes
IE10	Yes	Yes	Yes	Yes	Yes
FF3.0	Yes	Yes	Yes	Yes	No
FF3.5/FF3.6	Yes	Yes	Yes	Yes	Yes
FF4b1	Yes	Yes	Yes	Yes	Yes
GC4/GC5	Yes	Yes	Yes	Yes	Yes and Yes
Safari4/Safari5	Yes	Yes	Yes	Yes	Yes
Opera10.10/
Opera10.53/	Yes	Yes	Yes	Buggy	Yes
Opera10.60
Opera 12	Yes	Yes	Yes	Yes	Yes

Atas ialah kandungan terperinci Bagaimanakah Saya Mendapatkan Nilai Medan Teks Input dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!