首页 > 后端开发 > php教程 > javascript - js如何实现多项搜索框的功能

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

WBOY
发布: 2016-06-06 20:18:30
原创
1853 人浏览过

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

回复内容:

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

<code><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></code>
登录后复制

JavaScript

<code>var f = $("form")
$("nav > a").click(function(){
  f.attr("action", $(this).attr("href"))
  f.submit()
})</code>
登录后复制
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板