Initialisierung des Eingabefeldes mit URL-Abfrage stachel

Question

Ich habe ein Eingabefeld, das von URL-Abfragezeichenfolge gefüllt werden muss, der Seitenname ist "track".

-Code für die Eingabe:

<div class="page-width"> 
<h1 class="small--text-center">{{ page.title }}</h1> 

<input type="text" id="trackid" name="tracking" placeholder="Tracking ID"> 

<button type="button" onClick="changeChannel();">Locate My Item</button> 

Die URL lautet: mysite.com/pages/track?trackid=123

Wie kann ich das tun?

Answer 1

sollte Ihr Code wie folgt, wenn ich verstehen, das heißt, Sie gut:

<div class="page-width"> 
<h1 class="small--text-center">{{ page.title }}</h1> 

<input type="text" id="trackid" name="tracking" placeholder="Tracking ID"> 

<button type="button" onClick="changeChannel();">Locate My Item</button> 

<script> 
function getParameterByName(name, url) { 
    if (!url) url = window.location.href; 
    name = name.replace(/[\[\]]/g, "\\$&"); 
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
     results = regex.exec(url); 
    if (!results) return null; 
    if (!results[2]) return ''; 
    return decodeURIComponent(results[2].replace(/\+/g, " ")); 
} 
var name = 'trackid'; // if your url is mysite.com/pages/track?trackid=123 
var url = window.location.href; 
document.getElementById("trackid").value = getParameterByName(name, url); 
</script> 

Dieser Code wird in das Eingabefeld mit der TrackID Wert in URL-Query-String initialisieren.