ajax城市三級聯動，網上搜的一個示例，找不到原著作者，在此抱歉。

首先是頁面和JS程式碼

<!--  省城市三級聯動 -->
<div class="form-group">
                                                            <label class="control-label col-md-3 ">城市
<span class="required"> * </span>
</label>

                                                            <div class="col-md-1  ">
                                                                <select name="pId" id="pId" class="form-control">
                                                               <option value="AL">請選擇</option>
                                                                    <c:forEach items ="${provinceList}" var = "city">
                                                                    <option value="${city.id}">${city.p}</option>
                                                                    </c:forEach>                                                                
                                                                    </select>
                                                            </div>
<div class="col-md-1 ">
                                                                <select name="cId" id="cId" class="form-control">
                                                                </select>
                                                            </div>
<div class="col-md-1 ">
                                                                <select name="yId" id="yId" class="form-control">
                                                                </select>
                                                            </div>
                                                        </div>

//城市二級聯動 市
$("#pId").change(function() {
//當改變省份時需先清空城市列表和區域列表  
$("#cId option:not(:first)").remove();
$("#yId option:not(:first)").remove();
var url = "${pageContext.request.contextPath}/selectMunicipality?id="+ new Date().getTime(); //模糊查詢
var pId = $("#pId option:selected").val();
var sendData = {"method" : "TestC","pId" : pId};

//使用post方式提交資料        
$.post(url,sendData,function(backData) {var json = eval("("+ backData+ ")");
for (var i = 0; i < json.length; i++) {
if (json[i].c != null) {
$("#cId").append($("<option value="+json[i].id+">"+ json[i].c+ "</option>"));
}
}
});
});

後臺程式碼

  //城市資訊分類二級聯動
@RequestMapping(value="/selectMunicipality", method = RequestMethod.POST)
    @ResponseBody
    public String do( HttpServletRequest request,Model model){
String str1=request.getParameter("pId");

    int  pId=Integer.parseInt(str1);
   
    List<City> list=cityService.selectMunicipality(pId);
    String str = JSONUtils.toJson(list);//將list轉化為JSON；
     
    return str;
    }

需要注意的點是，list集合需轉成json返回給前端解析。個人是小白希望各位大神告知具體原因