Rumah >hujung hadapan web >tutorial js >Bagaimana Mengambil dan Menggunakan Nilai Medan Input dengan Betul dalam JavaScript untuk Pembinaan URL?

Bagaimana Mengambil dan Menggunakan Nilai Medan Input dengan Betul dalam JavaScript untuk Pembinaan URL?

Susan Sarandon
Susan Sarandonasal
2024-12-20 02:41:08721semak imbas

How to Properly Retrieve and Use Input Field Values in JavaScript for URL Construction?

Dalam contoh kod JavaScript anda:

fungsi searchURL(){

window.location = "http://www.myurl.com/search/" + (input text value);

}

anda perlu menggantikan (nilai teks input) dengan nilai medan input. Untuk melakukan ini, anda boleh menggunakan kaedah JavaScript document.getElementById('id') untuk mendapatkan elemen mengikut IDnya dan kemudian gunakan sifat .value untuk mendapatkan nilai medan.

fungsi searchURL(){

window.location = "http://www.myurl.com/search/" + document.getElementById('searchTxt').value;

}

Cara lain untuk mendapatkan nilai medan input ialah menggunakan document.querySelector JavaScript ('pemilih') kaedah. Kaedah ini membolehkan anda memilih elemen dengan pemilih CSSnya. Dalam kes anda, anda boleh menggunakan pemilih berikut:

input[name="searchTxt"]<br>

< p>Kod JavaScript berikut menggunakan kaedah document.querySelector('selector') untuk mendapatkan nilai input medan:

fungsi carianURL(){

window.location = &quot;http://www.myurl.com/search/&quot; + document.querySelector('input[name="searchTxt"]').value;

}

Sebaik sahaja anda mempunyai nilai medan input, anda boleh menggunakannya untuk membina URL untuk cari.

Atas ialah kandungan terperinci Bagaimana Mengambil dan Menggunakan Nilai Medan Input dengan Betul dalam JavaScript untuk Pembinaan URL?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn