使用jquery.ajax实现省市的二级联动(SSH架构)

首先实现jquery ajax的二级联动要下载个jquery.js 我在这里就不准备了自行百度下载

背景介绍：通过部门的ID来查找部门下的所有班级

我实现二级联动的思路是：先查询所有部门显示在页面上如图：

其次在使用下拉框的点击事件获取到省的ID ，然后通过省的ID 进行查找城市。

jsp代码

<select style="width:85px" onchange="findCity()" id="provinceId">
<option value="0">请选择</option>
<c:forEach var="item" items="${provinceList}">
<option value="${item.pid}">${item.pname }</option>

</c:forEach>

</select>

<select style="width:85px" id="cityId">
<option value="0">请选择</option>
</select>

js部分代码:

function findCity(){

　　var provinceId=$("#provinceId").attr("value");

　　$.ajax({

　　　　type : "get",

　　　　url : "{pathContext.request.contextPath}/provinceCity",

　　　　data : {"provinceId" : provinceId},

　　　　success : function(data){

　　　　　　$("#cityId option").remove();

　　　　　　$("#cityId").append("<option value='0' >请选择</option>");

　　　　　　var cityList=data.citys;

　　　　　　for(i in cityList){