javascript - js如何实现下面的功能

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

如下图

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

回复内容：

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

如下图

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

window.location.href = "你的url"

js可以实现动态调整 form 的action值，html可以如下：

    新闻
    网页
    微信


    搜狗搜索

这里的导航菜单也可以动态生成，即在js脚本中使用变量定义，然后js予以输出。脚本假设使用 jQuery 书写。

说下我的思路，输入框的onkeyup事件，获取输入框的值，再事件委托，改变href为原地址+关键字
demo如下：

新闻
微信
搜索 

在线demo点这里这里，关于重定向后网址的构建规则，题主再看一下，每个网站不一样的