用AJAX实现二级分类联动

今天学习到一个不错的内容,那就是分类联动。前面文章有说到ajax的基础知识,今天刚好强化一下所学内容。

来看下效果:

当你选择了“地方网站”的时候就会自动显示字类别的内容“北京”。下面是html部分代码:

然后就是ajax代码:

type //提交方式,默认true是异步

url //提交地址

data //传递数据

datatype //提交类型

在上面js代码中,$('#high_id').change(function(){})表示当高级分类的下拉列表值变化时,执行ajax异步提交,提交到get_middle_info的方法中,并且传递high_id参数。如果返回值存在,返回内容追加到$('#middle_id')后面,否则隐藏$('#middle_id').

使用get_middle_info方法返回所选高级分类下的中级分类数据,具体如下:

(原文写于2017.8.17)

原文发布于微信公众号 - 程序员的碎碎念(gh_53e607dd4782)

原文发表时间:2017-09-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏kevin-blog

linux下实现计划任务的方法

2.如果要设置周期性任务,可以用crontab命令来完成,“crontab -e”编辑cron表,“crontab -l”查看当前cron表,“crontab ...

390
来自专栏前端小叙

推荐两款简单好用的图片放大jquery插件

一、zoomfiy.js 推荐可以从这里下载 使用说明: 使用该jquery 插件 引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zo...

3339
来自专栏不想当开发的产品不是好测试

expect+scp传输文件发现文件丢失

背景 使用expect+scp去跨机器传输文件,(别问我为什么,因为公司的测试机器都是通过堡垒机的,无法绕开堡垒机,只能暂时使用这个方法了),结果发现从A传递到...

2226
来自专栏R语言___生物信息

在线实用工具:处理fasta文件

FaBox (1.41) - an online fasta sequence toolbox

1815
来自专栏夏时

[开源]一个简易的安卓浏览器

822
来自专栏我有一个梦想

Python 项目实践一(外星人入侵)第一篇

python断断续续的学了一段实践,基础课程终于看完了,现在跟着做三个小项目,第一个是外星人入侵的小游戏: 一 Pygame pygame 是一组功能强大而有趣...

21010
来自专栏零基础使用Django2.0.1打造在线教育网站

零基础使用Django2.0.1打造在线教育网站(二十):课程相关页面配置

努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!

111
来自专栏大数据挖掘DT机器学习

用python抓取淘宝评论

来自:http://blog.csdn.net/winterto1990/article/details/47983253 在学习python的时候,一定会遇...

4318
来自专栏大史住在大前端

webpack4.0各个击破(6)—— Loader篇

loader是webpack的核心概念之一,它的基本工作流是将一个文件以字符串的形式读入,对其进行语法分析及转换(或者直接在loader中引入现成的编译工具,例...

741
来自专栏ChaMd5安全团队

Shodan的http.favicon.hash语法详解

  在Shodan搜索中有一个关于网站icon图标的搜索语法,http.favicon.hash,我们可以使用这个语法来搜索出使用了同一icon图标的网站,不知...

782

扫描关注云+社区