前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用AJAX实现二级分类联动

用AJAX实现二级分类联动

作者头像
benny
发布2018-03-06 18:31:03
2K0
发布2018-03-06 18:31:03
举报

今天学习到一个不错的内容,那就是分类联动。前面文章有说到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)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-09-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序员的碎碎念 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档