1. <!--  
  2.    部门  
  3.    -->  
  4. <script type="text/javascript">   
  5. function getSelectedDepartmentValue(){  
  6.    var temp="";   
  7.    var obj2=document.addNotice.selectDepartment;  
  8.    var length=obj2.options.length;  
  9.    for(i=0;i<length-1;i++){  
  10.     value = obj2[i].value;  
  11.     text = obj2[i].text;   
  12.     temp+=value+"|";  
  13.    }  
  14.    if(length>0){  
  15.     temp = temp + obj2[length-1].value;  
  16.    }  
  17.    document.addNotice.departments.value = temp;   
  18.    alert(document.addNotice.departments.value);  
  19. }  
  20. function addDepartmentElem(){  
  21.    var obj1=document.addNotice.allDepartment;  
  22.    var obj2=document.addNotice.selectDepartment;  
  23.    var length1=obj1.options.length;  
  24.    var arr=new Array(length1);  
  25.    for(var loop=0;loop<obj1.options.length;loop++){    
  26.      var count=0;  
  27.      for(var index=0;index<obj2.options.length;index++) {  
  28.       if(obj2.options[index].value==obj1.options[loop].value)  
  29.       {  
  30.        count++;  
  31.        break;  
  32.       }  
  33.      }   
  34.      if(count==0){      
  35.       if(obj1.options[loop].selected) {  
  36.        var option=document.createElement("option");  
  37.        option.text=obj1.options[loop].text;  
  38.        option.value=obj1.options[loop].value;  
  39.        obj2.options.add(option);  
  40.       }  
  41.      }      
  42.     }      
  43. }  
  44. function removeDepartmentElem(){  
  45.    var obj2=document.addNotice.selectDepartment;  
  46.    var length=obj2.options.length;  
  47.    for(var i=obj2.options.length-1;i>=0;i--){  
  48.     if(obj2.options[i].selected){  
  49.      obj2.options.remove(i);  
  50.     }  
  51.    }  
  52. }  
  53. </script>  
  54.  
  55. <sql:setDataSource  
  56.        url="jdbc:oracle:thin:@192.168.1.108:1521:hqh" 
  57.        driver="oracle.jdbc.driver.OracleDriver" user="scott" 
  58.        password="tiger" var="mydb" />  
  59.  
  60. <form method="post" action="AddNotice" name="addNotice"   
  61.     style="margin-left: 30;" οnsubmit="return checkValues(this);">  
  62.  
  63. <sql:query var="rs" dataSource="${mydb}"   
  64.       sql="select * from HR_DEPARTMENT_DATA" />  
  65.       <table align="center" width="80%">  
  66.       <caption>请选择部门</caption>  
  67.       <tr>  
  68.        <td align="right" width="40%">  
  69.        <select name="allDepartment" size="8" style="width: 80%" multiple="multiple">  
  70.         <c:forEach items="${rs.rows}" var="department">  
  71.          <option value="${department.departmentId }">${department.name }</option>  
  72.         </c:forEach>  
  73.        </select>  
  74.        </td>  
  75.        <td width="20%" align="center">  
  76.         <input type="button" value=">>" οnclick="addDepartmentElem();">  
  77.            <br>  
  78.            <br>  
  79.         <input type="button" value="<<" οnclick="removeDepartmentElem()">  
  80.        </td>  
  81.        <td align="left" width="40%">  
  82.         <select name="selectDepartment" id="selectDepartment" size="8" style="width: 80%" multiple="multiple"></select>  
  83.        </td>  
  84.       </tr>  
  85.       </table>