Wie kann ich Eingabefeldwerte in JavaScript für die URL-Konstruktion richtig abrufen und verwenden?

In Ihrem JavaScript-Codebeispiel:

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

}

Sie müssen ersetzen (Eingabetextwert) mit dem Wert des Eingabefelds. Dazu können Sie die JavaScript-Methode document.getElementById('id') verwenden, um das Element anhand seiner ID abzurufen, und dann die Eigenschaft .value verwenden, um den Wert des Felds abzurufen.

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

}

Eine andere Möglichkeit, den Wert des Eingabefelds abzurufen, ist die Verwendung des JavaScript document.querySelector ('Selektor')-Methode. Mit dieser Methode können Sie ein Element anhand seines CSS-Selektors auswählen. In Ihrem Fall können Sie den folgenden Selektor verwenden:

input[name="searchTxt"]<br>

< p>Der folgende JavaScript-Code verwendet die Methode document.querySelector('selector'), um den Wert der Eingabe abzurufen Feld:

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

}

Sobald Sie den Wert des Eingabefelds haben, können Sie damit die URL für die Suche erstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich Eingabefeldwerte in JavaScript für die URL-Konstruktion richtig abrufen und verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!