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

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 = "http://www.myurl.com/search/" + 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!