URLクエリスティーンで入力フィールドを初期化する

Question

URLクエリ文字列で入力する必要がある入力フィールドがあり、ページ名は「トラック」です。入力用

コード：

<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> 

URLは次のとおりです。 mysite.com/pages/track?trackid=123

私はこれをどのように行うことができますか？

Answer 1

私はあなたがよく意味理解していればあなたのコードは次のようにする必要があります：

<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> 

このコードは、URLのクエリ文字列でtrackId値と入力フィールドを初期化します。