如何在 JavaScript 中正確檢索和使用輸入欄位值進行 URL 建置？

在JavaScript 程式碼範例中：

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

}

您需要將(輸入文字值)替換為輸入欄位的值。為此，您可以使用 JavaScript document.getElementById('id') 方法透過元素的 ID 來取得元素，然後使用 .value 屬性取得欄位的值。

功能searchURL(){

window.location = "http://www.myurl.com/search/" + document.getElementById('searchTxt').value;

}

取得輸入欄位值的另一種方法是使用JavaScript document.querySelector ('選擇器') 方法。此方法可讓您透過 CSS 選擇器來選擇元素。在您的情況下，您可以使用下列選擇器：

input[name="searchTxt"]<br>

以下JavaScript 程式碼使用document.querySelector('selector') 方法取得輸入的值欄位：

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

}

取得輸入欄位的值後，您可以使用它來建構 URL搜尋。

以上是如何在 JavaScript 中正確檢索和使用輸入欄位值進行 URL 建置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！