输入按钮值用于附加URL

Question

我正在寻找一种模板智能方法来获取输入值，将其附加到固定网址/search/inputboxvalue并将用户发送到那里。无论如何还有聪明的健壮方式吗？我可以使用onlick处理程序和表单，但我想知道是否有一种更优雅的方式来做，只需使用javascript。

我的代码：

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

Answer 1

试试这个：

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

Answer 2

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

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

以上2个语句可以插入特定事件。如点击

Answer 3

这不是形成请求的正确方法。这个符号“/”应该告诉我们，我们转到子目录或其模拟。因此，要形成这种类型的网址，您需要使用javascript。

但是，有更简单的方法来创建这种类型的请求。天然：

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

这个小的HTML代码段允许您访问网址：site.com/search?q=inputboxvalue，而不需要任何JS。您甚至可以隐藏提交按钮，只需使用Enter进行搜索。