JavaScript Ajax Json은 상단 및 하단 드롭다운 상자 예제 code_javascript 기술의 연결 효과를 실현합니다.-JS 튜토리얼-php.cn

JavaScript Ajax Json은 상단 및 하단 드롭다운 상자 예제 code_javascript 기술의 연결 효과를 실현합니다.

WBOY

풀어 주다： 2016-05-16 17:12:56

원래의

1475명이 탐색했습니다.

최근에는 부서와 인사간 드롭다운박스 연계 기능을 만들어보려고 했는데, 부서와 인사간 대응 관계는 1:N

코드 복사 코드는 다음과 같습니다.

People

부서 드롭다운 상자의 onchange() 이벤트는 AJAX 메서드를 사용하고 JSON 개체를 반환합니다(JSON에는 LIST가 포함되어 있음).

이 페이지에서 js 메소드를 작성하는 방법:

코드 복사 코드는 다음과 같습니다.

여기에 반환된 데이터에는 목록이 포함되어 있습니다(아래 목록 참조). 목록에는 개인 코드와 이름이라는 두 가지 속성이 포함되어 있습니다. 그런 다음 먼저 직원 드롭다운 상자를 비우고() 선택 컨트롤 추가 방법을 통해 새 드롭다운 상자 요소를 추가합니다.

백엔드 코드:

코드 복사

코드는 다음과 같습니다.

공개 문자열 DepartmentChangeEvent()에서 예외가 발생함{
  userList=service.queryForList("Workorder.queryUserByDepartmentCode", DepartmentCode);
  if(userList!=null&&userList.size()>0)
  {
   HttpServletResponse 응답 = 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 작성자 = 응답 .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();  }
         null을 반환합니다.  
   }  