html部分代码为下拉列表添加onchange事件
<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" onchange="page.change(this.value);">
<c:forEach items="${list}" var="item" >
<option value="${item.manufacturerId}">${item.manufacturerName}</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>
jQuery部分代码,还需要在页面初始化的时候就调用该方法加载一遍
var manufacturerId = $("#select").val();
page.change(manufacturerId);
page.change=function(manufacturerId){
$.ajax({
url:"${ctx }/psdj/change",
type:'get',
async:true,
cache:false,
data:{
"id":manufacturerId
},
success:function(data){
var items = data.model;
var selectModel = $("#model");
selectModel.empty();
if(items!=null){
for(var i in items){
var item = items[i];
selectModel.append("<option value = '"+item.modelId+"'>"+item.modelName+"</option>");
$("#model").val('${vo.model}');
}
}
else{
selectModel.empty();
}
}
});
}
如果需要第二个下拉列表回显值,则需要在