Heim > Web-Frontend > js-Tutorial > Wie kann ich Eingabefeldwerte in JavaScript für die URL-Konstruktion richtig abrufen und verwenden?

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

Susan Sarandon
Freigeben: 2024-12-20 02:41:08
Original
719 Leute haben es durchsucht

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

In Ihrem JavaScript-Codebeispiel:

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);
Nach dem Login kopieren

}

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><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.getElementById('searchTxt').value;
Nach dem Login kopieren

}

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><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;
Nach dem Login kopieren

}

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!

Quelle:php.cn
Vorheriger Artikel:Wie kann ich den Unterschied zwischen zwei Arrays in JavaScript finden? Nächster Artikel:Entmystifizierung der Destrukturierungszuweisung in JavaScript
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage