javascript - js如何实现多项搜索框的功能

Question

我想做一个类似于下面的搜索框，当用户输入一个值时，分别点击上面的选项会跳转至不同的链接、

例如，我输入qq，
点击上面的”新闻“，会跳转到news.php/?kw=qq
或者点击上面的”微信“，会跳转到hweixin.php/?kw=qq
或者点击上面的”问问“。会跳转到wenwen.php/?kw=qq
.........
具体效果看搜狗首页
请问当用户输入一个值时，分别点击上面的选项会跳转至不同的链接、用javascript+html怎么写。麻烦附完整的代码。谢谢。我是做美工的，

Answer 1

<nav>
<a href="weixin.php">微信</a>
<a href="qq.php">QQ</a>
</nav>
<form id="searchForm">
<input type="search" name="kw">
<input type="submit" value="搜索" >
</form>

JavaScript

var f = $("form")
$("nav > a").click(function(){
  f.attr("action", $(this).attr("href"))
  f.submit()
})