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

function searchURL(){</p><div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">window.location = &quot;http://www.myurl.com/search/&quot; + document.querySelector('input[name="searchTxt"]').value;