Comment récupérer et utiliser correctement les valeurs des champs de saisie en JavaScript pour la construction d'URL ?

Dans votre exemple de code JavaScript :

function searchURL(){</p><pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + (input text value);

}

dont vous avez besoin pour remplacer (valeur du texte de saisie) par la valeur du champ de saisie. Pour ce faire, vous pouvez utiliser la méthode JavaScript document.getElementById('id') pour obtenir l'élément par son ID, puis utiliser la propriété .value pour obtenir la valeur du champ.

fonction searchURL(){

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

}

Une autre façon d'obtenir la valeur du champ de saisie consiste à utiliser le document JavaScript.querySelector ('sélecteur'). Cette méthode permet de sélectionner un élément par son sélecteur CSS. Dans votre cas, vous pouvez utiliser le sélecteur suivant :

input[name="searchTxt"]<br>

< p>Le code JavaScript suivant utilise la méthode document.querySelector('selector') pour obtenir la valeur de l'entrée champ :

fonction searchURL(){</p><pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + document.querySelector('input[name="searchTxt"]').value;

}

Une fois que vous avez la valeur du champ de saisie, vous pouvez l'utiliser pour construire l'URL du recherche.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!