JavaScript Ajax Json realizes the linkage effect of upper and lower drop-down boxes example code

JavaScript Ajax Json realizes the linkage effect of upper and lower drop-down boxes example code_javascript skills

WBOY

Release： 2016-05-16 17:12:56

Original

1487 people have browsed it

I recently tried to create a drop-down box linkage function between departments and personnel. The corresponding relationship between departments and personnel is 1:N

Copy code The code is as follows:

Department< ;/div>

People

The onchange() event of the department drop-down box takes an AJAX method and returns a JSON object (the JSON contains a LIST).

How to write js method on this page:

Copy code The code is as follows:

The data returned here contains a list (see list below). The list contains two attributes: the person's code and the person's name. Then empty() the personnel drop-down box first, and add a new drop-down box element through the select control append method.

Backend code:

Copy code

The code is as follows:

public String departmentChangeEvent() throws Exception{
  userList=service.queryForList("Workorder.queryUserByDepartmentCode", departmentCode);
  if(userList!=null&&userList.size()>0)
  {
   HttpServletResponse response = ServletActionContext.getResponse();
   response.setContentType("text/html;charset=utf-8");
   response.setHeader("Pragma","No-cache");
   response.setHeader("Cache-Control","no-cache");
   response.setHeader("Cache-Control", "no-store");
   PrintWriter writer = response.getWriter();
   JSONObject json = new JSONObject();
   Map map = new HashMap();
      map.put("list",userList);
      JSONObject jso = JSONObject.fromObject(map);
   writer.write(jso.toString());
      writer.flush();
      writer.close();  }
         return null;  
   }  