求示例代码 关于下拉表单

大侠们 请指教：
比如 第一个下拉表单中 有 XX公司 
当选中此选项时，第二个下拉表单中自动显示该公司的所有部门

解决方案 »

  1.   

    用Ajax就ok了 
    页面
    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>My JSP 'test.jsp' starting page</title>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/test.js"></script>
      </head>
      
      <body>
        <select id="sel1" onchange="changeInfo(this.value,'sel2')">
         <option value="0">--请选择--</option>
         <option value="1">公司1</option>
         <option value="2">公司2</option>
        </select>
        <select id="sel2">
         <option value="0">--请选择--</option>
        </select>
      </body>
    </html>test.js
    function changeInfo(bm,sel2){
    if(bm!=0&& bm!=null){
    var url="hobby!department.action?bmId="+bm;
    $.get(url,function(backData){
    //backData 的数据格式为 "部门1,部门2,部门3,部门4"
    var strbm=backData.split(",");
    if(strbm.length>0){
    for(var i=0;i<strbm.length;i++){
    document.getElementById(sel2).options[i+1]=new Option(strbm[i],strbm[i]);
    }
    }
    });
    }
    }backData 不一定要这种字符串的格式 可以根据自己要求返回 如xml json 都ok