做个笔记 下次用的时候方便
前台代码
<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";
}