欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-04-19 10:42:27
...

我想做一个类似于下面的搜索框,当用户输入一个值时,分别点击上面的选项会跳转至不同的链接、
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怎么写。麻烦附完整的代码。谢谢。我是做美工的,

JavaScript

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