如何在 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>

< p>以下 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中文网其他相关文章！