javascript - js如何实现多项搜索框的功能
程序员文章站
2022-04-27 12:17:02
...
我想做一个类似于下面的搜索框,当用户输入一个值时,分别点击上面的选项会跳转至不同的链接、
例如,我输入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()
})
推荐阅读
-
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
-
JS实现搜索关键词的智能提示功能
-
JavaScript实现的文本框placeholder提示文字功能示例
-
jQuery搜索框自动补全功能插件实现-autocomplete.js
-
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
-
JavaScript实现的搜索及高亮显示功能示例
-
使用bootstrap实现下拉框搜索功能的实例讲解
-
网站加入搜索功能后 如何设计好自己的搜索框呢
-
javascript input输入框模糊提示功能的实现
-
Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代