首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery 简略2级联动

2012-10-25 
jquery 简单2级联动复习了一下JQUERY,做了一个JQUERY 实现的2级别联动,主要联系了一下JQUERY 的ajax功能,

jquery 简单2级联动

复习了一下JQUERY,做了一个JQUERY 实现的2级别联动,主要联系了一下JQUERY 的ajax功能,代码后台数据写死数据结构和之前我的EXTJS2级联动一样采用JSON 数据传输,代码框架也只直接从EXTJS2级联动代码中复制过来的 算是struts2+jquery +json吧

???主要代码介绍

?

?

?? ?初始化$.ajax 方法调用后台getlist.action 返回省的数据 后写了一个 $("#province").change(function() ?事件绑定,省变化后触发loadCity 方法返回市的数据

???完整的 test.jsp

??? <%@ page contentType="text/html;charset=UTF-8" language="java"%>

?? ??效果图

?


jquery 简略2级联动

?

?? ? 选择某一个城市

?

?


jquery 简略2级联动

?

?? 选中后看它所在的城市

?

??

jquery 简略2级联动

热点排行