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

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

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

回复内容：

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

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

Javascript

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