js:
function workTypeChange(){
var _this = $(this);
$("#errMessage").html("");
$("#expect_work_type2 option").remove();
if(_this.val() == ""){
return;
}
$.ajax({
type: "GET",
url: 'expert/changeQuarters',
dataType:'json',
data: {"parentQuartersId":_this.val()},
cache: false,
success: function(data){
$.each(data.quartersList,function(i,e){
var _key = e.key == null ? "" : e.key, _value = e.value == null ? "" : e.value;
$("#expect_work_type2").append("<option value=\"" + _key + "\">" + _value + "</option>");
});
},
error:function(XMLHttpRequest, textStatus, errorThrown){
$("#errMessage").html("系统异常请联系管理员");
}
});
}
controller:
@RequestMapping("changeQuarters")
@ResponseBody
public Object changeQuarters(String parentQuartersId) {
logBefore(logger, "expert/changeQuarters");
Map<String,Object> returnMap = new HashMap<String,Object>();
List<selectOption> quartersList = new ArrayList<selectOption>();
quartersList.add(new selectOption());
List<ExpertQuarters> list = expertQuartersService.selectAllByRoleType(Integer.valueOf(parentQuartersId));
for(ExpertQuarters expertQuarters: list){
selectOption quarter = new selectOption();
quarter.setKey(String.valueOf(expertQuarters.getQuartersId()));
quarter.setValue(expertQuarters.getQuartersName());
quartersList.add(quarter);
}
returnMap.put("quartersList", quartersList);
return returnMap;
}
jsp:
<div><span class="title">期望岗位:</span><span class="value">
<span class="value" style="margin-left:0px;display: inline-block;">
<fieldset style="width:160px;float: left;">
<select id="expect_work_type" class="form-control">
<c:forEach items="${quartersList}" var="quarters" varStatus="status">
<option value="${quarters.key}">${quarters.value}</option>
</c:forEach>
</select>
</fieldset>
<fieldset style="width:160px;margin-left: 10px;float: left;">
<select id="expect_work_type2" class="form-control">
</select>
</fieldset>
</span>
</span>
</div>