Javascript 输入按钮值用于附加URL

Javascript 输入按钮值用于附加URL,javascript,html,Javascript,Html,我正在寻找一种样板聪明的方法来获取输入值,将其附加到一个固定的url,如/search/inputboxvalue,然后将用户发送到那里。有没有什么好办法呢?我可以使用onlick处理程序和表单,但我想知道是否有一种更优雅的方法可以做到这一点,只需使用javascript 我的代码: <input name="search" id="search" value="" type="text" width="650px"></input> 试试这个: var my_val

我正在寻找一种样板聪明的方法来获取输入值,将其附加到一个固定的url,如
/search/inputboxvalue
,然后将用户发送到那里。有没有什么好办法呢?我可以使用onlick处理程序和表单,但我想知道是否有一种更优雅的方法可以做到这一点,只需使用javascript

我的代码:

<input name="search" id="search" value="" type="text" width="650px"></input>

试试这个:

var my_value = document.getElementById('search').value;
window.location.href = window.location.href + my_value
试试这个:

var my_value = document.getElementById('search').value;
window.location.href = window.location.href + my_value
试试这个:

var my_value = document.getElementById('search').value;
window.location.href = window.location.href + my_value
试试这个:

var my_value = document.getElementById('search').value;
window.location.href = window.location.href + my_value

使用以下语句从文本框中获取值并附加到当前url。附加后,它将用户重定向到该url

  input_box_value = jQuery('#search').attr('value');
  window.location.href = window.location.href + input_box_value

上述2条语句可以在特定事件上插入。如单击,使用以下语句从文本框中获取值并附加到当前url。附加后,它将用户重定向到该url

  input_box_value = jQuery('#search').attr('value');
  window.location.href = window.location.href + input_box_value

上述2条语句可以在特定事件上插入。如单击,使用以下语句从文本框中获取值并附加到当前url。附加后,它将用户重定向到该url

  input_box_value = jQuery('#search').attr('value');
  window.location.href = window.location.href + input_box_value

上述2条语句可以在特定事件上插入。如单击,使用以下语句从文本框中获取值并附加到当前url。附加后,它将用户重定向到该url

  input_box_value = jQuery('#search').attr('value');
  window.location.href = window.location.href + input_box_value

上述2条语句可以在特定事件中插入。如单击,这并不是形成请求的正确方法。这个符号“/”应该告诉我们,我们转到子目录,或者它的类似目录。因此,要形成这种类型的url,需要使用javascript

但是,有更简单的方法来创建这种类型的请求。本地人:

<form id="search" method="get" action="search">
    <input type="text" name="q" value="" />
    <button type="submit">Search</button>
</form>

搜寻

这个小小的HTML代码片段将允许您访问url:
site.com/search?q=inputboxvalue
,而无需任何JS。您甚至可以隐藏“提交”按钮,只需使用Enter键进行搜索。

这并不是形成请求的真正正确方法。这个符号“/”应该告诉我们,我们转到子目录,或者它的类似目录。因此,要形成这种类型的url,需要使用javascript

但是,有更简单的方法来创建这种类型的请求。本地人:

<form id="search" method="get" action="search">
    <input type="text" name="q" value="" />
    <button type="submit">Search</button>
</form>

搜寻

这个小小的HTML代码片段将允许您访问url:
site.com/search?q=inputboxvalue
,而无需任何JS。您甚至可以隐藏“提交”按钮,只需使用Enter键进行搜索。

这并不是形成请求的真正正确方法。这个符号“/”应该告诉我们,我们转到子目录,或者它的类似目录。因此,要形成这种类型的url,需要使用javascript

但是,有更简单的方法来创建这种类型的请求。本地人:

<form id="search" method="get" action="search">
    <input type="text" name="q" value="" />
    <button type="submit">Search</button>
</form>

搜寻

这个小小的HTML代码片段将允许您访问url:
site.com/search?q=inputboxvalue
,而无需任何JS。您甚至可以隐藏“提交”按钮,只需使用Enter键进行搜索。

这并不是形成请求的真正正确方法。这个符号“/”应该告诉我们,我们转到子目录,或者它的类似目录。因此,要形成这种类型的url,需要使用javascript

但是,有更简单的方法来创建这种类型的请求。本地人:

<form id="search" method="get" action="search">
    <input type="text" name="q" value="" />
    <button type="submit">Search</button>
</form>

搜寻

这个小小的HTML代码片段将允许您访问url:
site.com/search?q=inputboxvalue
,而无需任何JS。您甚至可以隐藏submit按钮,只需使用Enter进行搜索。

window.location.href=window.location.href+search.value
等。当然,您需要某种事件处理程序,但您还没有真正描述应该如何或何时进行此操作?请使用
getElementById('search')).value
获取值并使用
location.href
重定向
window.location.href=window.location.href+search.value
等。当然,您需要某种类型的事件处理程序,但您尚未真正描述如何或何时发生这种情况?请使用
getElementById('search')).value
获取值并使用
location.href
重定向
window.location.href=window.location.href+search.value
等。当然,您需要某种类型的事件处理程序,但您尚未真正描述如何或何时发生这种情况?请使用
getElementById('search')).value
获取值并使用
location.href
重定向
window.location.href=window.location.href+search.value
等。当然,您需要某种类型的事件处理程序,但您尚未真正描述如何或何时发生这种情况?请使用
getElementById('search')).value
获取值并使用
位置重定向。href