Select下拉框结合Ajax使用

常用情况1： 
员工 与 部门 一对一，但是实体类没有外键关联，员工中只记录 部门id,编辑员工信息时 部门要下拉框且默认显示员工所在部门名称（不是id）
1.

 <select name="department" id="department" style="width:200px;"></select>

2.js

$(document).ready(function(){
	  loadDepartmentName();
  });
  function loadDepartmentName() {
	$.ajax({
		url:"EmployeeInfoController.do?getComboTreeData",
		type:"get",
		success: function(data){
			data = JSON.parse(data);
			var nameOpt = "<option value='' selected='selected'>--请选择--</option>";
			for(var i=0;i<data.length;i++) {
				if("${employeeInfo.department}"==data[i].id){
					nameOpt+="<option value='"+data[i].id+"' selected='selected'>"+data[i].text+"</option>";
				}else{
					nameOpt+="<option value='"+data[i].id+"' >"+data[i].text+"</option>"
				}
			}
			$('#department').html(nameOpt);
		},
		error: function(){}
	});
  }

3.后台代码

//@ResponseBody表示该方法的返回结果直接写入HTTP response body中，一般在异步获取数据时使用
//在使用@RequestMapping后，返回值通常解析为跳转路径。加上@responsebody后，返回结果直接写入HTTP response body中，不会被解析为跳转路径。//比如异步请求，希望响应的结果是json数据，那么加上@responsebody后，就会直接返回json数据。
@RequestMapping(params = "getComboTreeData")
@ResponseBody
public List<Map<String,Object>> getComboTreeData(){
	List<Map<String,Object>> result = new ArrayList<Map<String,Object>>();
	List<Department> department = commonService.loadAll(Department.class);
	for(int i = 0;i<department.size();i++){
		Map<String,Object> obj = new HashMap<String,Object>();
		obj.put("id", department.get(i).getId());
		obj.put("text", department.get(i).getCode());
		result.add(obj);
	}
	return result;
}