js 两个select的值传递

转载：http://hi.baidu.com/javajavajava/blog

<!--
   部门
   -->
<script type="text/javascript"> 
function getSelectedDepartmentValue(){
   var temp=""; 
   var obj2=document.addNotice.selectDepartment;
   var length=obj2.options.length;
   for(i=0;i<length-1;i++){
    value = obj2[i].value;
    text = obj2[i].text; 
    temp+=value+"|";
   }
   if(length>0){
    temp = temp + obj2[length-1].value;
   }
   document.addNotice.departments.value = temp; 
   alert(document.addNotice.departments.value);
}
function addDepartmentElem(){
   var obj1=document.addNotice.allDepartment;
   var obj2=document.addNotice.selectDepartment;
   var length1=obj1.options.length;
   var arr=new Array(length1);
   for(var loop=0;loop<obj1.options.length;loop++){  
     var count=0;
     for(var index=0;index<obj2.options.length;index++) {
      if(obj2.options[index].value==obj1.options[loop].value)
      {
       count++;
       break;
      }
     } 
     if(count==0){    
      if(obj1.options[loop].selected) {
       var option=document.createElement("option");
       option.text=obj1.options[loop].text;
       option.value=obj1.options[loop].value;
       obj2.options.add(option);
      }
     }    
    }    
}
function removeDepartmentElem(){
   var obj2=document.addNotice.selectDepartment;
   var length=obj2.options.length;
   for(var i=obj2.options.length-1;i>=0;i--){
    if(obj2.options[i].selected){
     obj2.options.remove(i);
    }
   }
}
</script>

<sql:setDataSource
       url="jdbc:oracle:thin:@192.168.1.108:1521:hqh"
       driver="oracle.jdbc.driver.OracleDriver" user="scott"
       password="tiger" var="mydb" />

<form method="post" action="AddNotice" name="addNotice" 
    style="margin-left: 30;" onsubmit="return checkValues(this);">

<sql:query var="rs" dataSource="${mydb}" 
      sql="select * from HR_DEPARTMENT_DATA" />
      <table align="center" width="80%">
      <caption>请选择部门</caption>
      <tr>
       <td align="right" width="40%">
       <select name="allDepartment" size="8" style="width: 80%" multiple="multiple">
        <c:forEach items="${rs.rows}" var="department">
         <option value="${department.departmentId }">${department.name }</option>
        </c:forEach>
       </select>
       </td>
       <td width="20%" align="center">
        <input type="button" value=">>" onclick="addDepartmentElem();">
           <br>
           <br>
        <input type="button" value="<<" onclick="removeDepartmentElem()">
       </td>
       <td align="left" width="40%">
        <select name="selectDepartment" id="selectDepartment" size="8" style="width: 80%" multiple="multiple"></select>
       </td>
      </tr>
      </table>