2015-10-20 63 views
0

我正在寻找一种样板化的智能方式来获取输入值,并将其附加到像/search/inputboxvalue这样的固定网址并将用户发送到那里。反正有灵巧的方法来做到这一点吗?我可以使用onlick处理程序和表单,但我想知道是否有更优雅的方式来做到这一点,只是使用JavaScript。输入按钮的值用于追加一个URL

我的代码:

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

'window.location.href = window.location.href + search.value'等。当然,你需要某种事件处理程序,但是你没有真正描述过应该怎么发生? – adeneo

+1

使用'getElementById('search').value'获取值并通过'location.href'重定向。 – GuyT

回答

2

试试这个:

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

使用以下statment从文本框中获取价值和附加到当前url.After追加将用户重定向到该网址。

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

以上2语句可以在特定的event.like被插入点击

0

这是不是真的,形成请求正确的方法。这个符号“/”应该告诉我们,我们去子目录,或者它的模拟。所以,要形成这种类型的网址,您将需要使用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。你甚至可以隐藏提交按钮,只需使用回车进行搜索。