ajax 级联下拉框

做个笔记 下次用的时候方便

前台代码

 <div class="form-group" style="margin-right: 0">
            <label for="inputEmail3" class="col-sm-3 control-label" style="width: 170px; padding-top: 0">道路:</label>
            <div class="col-sm-5">
               <select name="factory" id="select"  class="form-control post_select" οnchange="change();">
               <c:forEach items="${list1}" var="item" >
                       <option value="${item.Id}">${item.RoadName}</option>
               </c:forEach>
               </select>
        </div>
       </div>          
       <div class="form-group" style="margin-right: 0">
           <label for="inputEmail3" class="col-sm-3 control-label" style="width: 170px; padding-top: 0">车牌号:</label>
           <div class="col-sm-5">
               <select name="model" id="model"  class="form-control post_select" >
               </select>
           </div>
</div>

function change(){
var manufacturerId = $("#select").val(); 
alert(manufacturerId);
$.ajax({
             url:"${ctx}/VehicleOperate/testJLXL.do",
             type:'POST',
   dataType:'json',
   contenttype:'application/x-www-form-urlencoded;charset=utf-8',
             data:{
                 "manufacturerId":manufacturerId
             },
             success:function(msg){
                 var items=eval("("+msg+")");
                 var selectModel = $("#model");
                 selectModel.empty();
                 if(items!=null){
                     for(var i=0;i<items.length;i++){
                         selectModel.append("<option value = '"+items[i].Id+"'>"+items[i].PlateNo+"</option>");
                         
                     }
                 }
                 else{
                     selectModel.empty();
                 } 
             }
       });
}

后台代码

//级联下拉测试（）
public String testJLXL(){
try {
String str=request.getParameter("manufacturerId");
System.out.println(str);

String str1=" and Id=' "+str+" ' ";
Map<?, ?> map=vehicleOperateService.getVehicleOperate(str1);
Gson gson=new Gson();
Object object=map.get("result");
result=gson.toJson(object);
} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
return Action.SUCCESS;
}
//页面（此方法）
public String EditVehicleOperate(){
try {
String str=" and 1=1";
List<StandingBook> list1=vehicleOperateService.getStandList(str);
request.setAttribute("list1", list1);

} catch (Exception e) {
// TODO: handle exception
e.printStackTrace();
}
return "EditVehicleOperate";
}