读书人

jquery 简略2级联动

发布时间: 2012-10-25 10:58:57 作者: rapoo

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级联动

读书人网 >Web前端

热点推荐