Javascript 获取HTML中输入字段的值并在链接url中使用它

我有一个html搜索按钮，我想它的链接

/home/search/search_term 

其中，搜索项是输入到相应输入元素中的值

差不多

<input id="input_field"> </input>
<button onclick="location.href='home/search/$(input_field).value'">Search</button>

搜寻

这将是理想的

我怎样才能实现这样的目标？

没有

。将代码更改为：

<input id="input_field" />
<button onclick="location.href='/home/search/' + $('#input_field').val();">Search</button>

搜寻

如果未使用jQuery，请将代码更改为：

<input id="input_field" />
<button onclick="location.href='/home/search/' + document.getElementById('input_field').value;">Search</button>

搜寻
没有
。将代码更改为：

<input id="input_field" />
<button onclick="location.href='/home/search/' + $('#input_field').val();">Search</button>


搜寻

如果未使用jQuery，请将代码更改为：

<input id="input_field" />
<button onclick="location.href='/home/search/' + document.getElementById('input_field').value;">Search</button>


搜寻
首先，
输入
元素是自动关闭的。这意味着您使用
而不是
..

一旦您更改了，假设您包含了，您需要更改：

'home/search/$(input_field).value'

致：

如果没有包含jQuery库，那么这将不起作用，因为上面的代码段包含jQuery代码。相反，您可以使用以下选项：

'home/search/' + document.getElementById('input_field').value

首先，
输入
元素是自动关闭的。这意味着您使用
而不是
..

一旦您更改了，假设您包含了，您需要更改：

'home/search/$(input_field).value'

致：

如果没有包含jQuery库，那么这将不起作用，因为上面的代码段包含jQuery代码。相反，您可以使用以下选项：

'home/search/' + document.getElementById('input_field').value

您是否使用jQuery，如果添加了一个标签，是否使用jQuery，如果是，那么添加一个标签。考虑跳过输入值-<代码>位置。code>考虑转义输入值-
location.href='/home/search/'+encodeURIComponent（document.getElementById（'input_field'）.value）