ajax提交后取得的List处理

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>