二级联动

<script type="text/javascript">
 function createAjax(){
  /* Create a new XMLHttpRequest object to talk to the Web server */
  var xmlHttp = false;
  /*@cc_on @*/
  /*@if (@_jscript_version >= 5)
  try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
      xmlHttp = false;
    }
  }
  @end @*/
  if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
  }
  //alert(xmlHttp);
  return xmlHttp;
 }
 var xmlHttp = createAjax();
 function callServer(flg){
  // Build the URL to connect to
   //alert(xmlHttp);
   var url = "AjaxServlet?action=sel&flg="+flg;
   // Open a connection to the server
   xmlHttp.open("GET", url, true);//true is asyn
   // Setup a function for the server to run when it's done
   xmlHttp.onreadystatechange = updatePage;
   // Send the request
   xmlHttp.send(null);
 }
 function updatePage() {

   if (xmlHttp.readyState == 4) {
     var response = xmlHttp.responseText;
     var strResult = unescape(response);
     var spr = document.getElementById('spr');
    
     var lower = document.getElementById('lower');
     if(lower=='undefined'||lower==null){
      var newNode = document.createElement("");
      newNode.innerHTML = strResult;
      var oldNode = spr;
      insertAfter(newNode,oldNode);
     }else{
      lower.parentNode.removeChild(lower);
      var newNode = document.createElement("");
      newNode.innerHTML = strResult;
      var oldNode = spr;
      insertAfter(newNode,oldNode);
     
     }
   }
 }
 function insertAfter(newElement,targetElement) {   
   var parent = targetElement.parentNode;   
   if (parent.lastChild == targetElement) {   
 // 如果最后的节点是目标元素，则直接添加。因为默认是最后   
   parent.appendChild(newElement);   
   } else {   
   parent.insertBefore(newElement,targetElement.nextSibling);   
 //如果不是，则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面。   
   }   
 }

 function cityInit(){
  var spr = document.getElementById('spr');
  var slt = spr.options.selectedIndex;
  var slv = spr[slt].value;
  callServer(slv);
 }  
 function slaveChange(v){
  callServer(v);
 }
</script>

 

public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
//  response.reset();
  String act = request.getParameter("action");
  if(act.equals("sel")){
   this.doSelect(request, response);
  }
  response.setContentType("text/html");
  response.setHeader("Cache-Control", "no-cache");
  PrintWriter out = response.getWriter();
//  out.flush();
  out.write("5");
//  out.flush();
  out.close();
  
 }

 public void doSelect(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
  //response.reset();
  response.setContentType("text/html;charset=UTF-8");
  response.setHeader("Cache-Control", "no-cache");
//  response.setHeader("Charset","GB2312");
  PrintWriter out = response.getWriter();
//  List snr = new ArrayList();
  List jnr = new ArrayList();
  CommonService cs = new CommonService();
  int flg = Integer.valueOf((String)request.getParameter("flg"));
//  snr = cs.makeSenior();
  jnr = cs.makeJunior(flg);
  out.print("<select id=\"lower\">");
  for(int i=0;i<jnr.size();i++){
   out.print("<option value=\""+i+"\">"+jnr.get(i)+"</option>");
  }
  out.print("</select>");
//  out.write("5");
  //out.flush();
  out.close();
 
 }