开发者社区> 问答> 正文

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

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

展开
收起
杨冬芳 2016-06-08 09:40:43 1983 0
1 条回答
写回答
取消 提交回答
  • IT从业
    <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()
    })
    2019-07-17 19:31:11
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载