左边select添加到右边select框

<%@ page language="java" pageEncoding="GBK" errorPage="/error.jsp"
 contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ page import="java.util.Iterator,java.util.Map"%>
<html>
  <head>
    <title>选择人员</title>
<link href="<c:url value="/"/>styles/default.css" rel="stylesheet" type="text/css">
<SCRIPT language=JavaScript src="<c:url value="/"/>scripts/publicjs.js"></SCRIPT>
    <link rel="stylesheet" type="text/css" media="all" href="<c:url value='/style/menuExpandable.css'/>" />
    <script type="text/javascript" src="<c:url value='/scripts/menuExpandable1.js'/>"></script>
 <style type="text/css">
<!--
body {
 background-image: url(../../images/15.jpg);
}
-->
</style>
  <script>
  var span_in="";
  var in_num=true;
  function checkToSubmit()
  { 
 if(document.all.flag.value=="4")
 {
  
  var right1 = document.all.right;
    
  var showLabel = ""; 
  
  var value = "";
  
  var length = right1.length;
  
  for(var i=0;i<length;i++)
  {
   showLabel = showLabel + right1[i].value + ",";
   value =value+right1.options[i].text+ ",";
  }
  window.opener.document.smsInfoForm.receiveManIds.value=showLabel;
 
  window.opener.document.smsInfoForm.receiveMan.value=value;
  
 }
 if(document.all.flag.value=="5")
 {
  
  var right1 = document.all.right;
    
  var showLabel = ""; 
  
  var value = "";
  
  var length = right1.length;
  
  for(var i=0;i<length;i++)
  {
   showLabel = showLabel + right1[i].value + ",";
   
   value = value +right1.options[i].text+ ",";
  }
  
  window.opener.document.talkTeamForm.talkTeamMerberIds.value=showLabel;
  window.opener.document.talkTeamForm.talkTeamMerberNames.value=value;
 }
 
 window.close();
  }
    function subStr(param)
 {
  var num=param.indexOf("(",0);
  return param.substring(0,num);
 }
 
 function reStr(param)
 {
  var num=param.length-1;
  return param.substring(0,num);
 }
 
   function selectDept(span,deptname)
 {
  if(in_num)
  {
   _dSectionCollapse(span_in);
  }
  _dSectionExpand(span);
  span_in=span;
  in_num=true;
 }
 
 function _dSectionExpand(sec)
 {
    document.all["xSec"+sec].style.display = "";
    document.all.show.value="xSec"+sec;
 }  
 
 function _dSectionCollapse(sec)
 {
    document.all["xSec"+sec].style.display = "none";
 }
 
 function allToRight(right)
 {

    left=document.all.xSec0;
       var i = left.length;
       for(var j = i - 1; j >= 0; j --)
    {
            var tag=0;
            for(var k=0;k<right.length;k++)
            {
               if(left.options[j].value == right.options[k].value)
                  tag++;
   }
   if(tag < 1)
   {
              var newElem = document.createElement("OPTION");
                 newElem.text = left.options[j].text;
                 newElem.value = left.options[j].value;
                 right.options.add(newElem);
            }
       }
    }
   
    function partToRight(right)
    {

       left=document.all.xSec0;
       var i = left.length;
       for(var j = i - 1; j >= 0; j --)
       {
         if (left.options[j].selected)
      {
            var tag=0;
            for(var k=0;k<right.length;k++)
            {
               if(left.options[j].value == right.options[k].value)
                  tag++;
   }
   if(tag < 1)
   {
              var newElem = document.createElement("OPTION");
                 newElem.text = left.options[j].text;
                 newElem.value = left.options[j].value;
                 right.options.add(newElem);
            }
    }
    }
   }
      function partToLeft(right)
    {
       var i = right.length;
       for(var j = i - 1; j >= 0; j --)
       {
         if (right.options[j].selected)
      {
           right.options.remove(j);
   }
       }
    }

    function allToLeft(right)
 {
       var i = right.length;
       for(var j = i - 1; j >= 0; j --)
    {
          right.options.remove(j);
       }
    }
   
        function getLength(s)
      {
        var k=0;
        for(var i=0;i<s.length;i++)
        {
            if(s.charCodeAt(i)>255) k+=2;
            else k+=1;
        }
        return k;
   
      } 
</script>
  </head>
<body style="behavior:url(<c:url value='/scripts/WindowEventLimit.htc'/>)" leftmargin="3" topmargin="3" >
<table width="600" height="44" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="17"><img src="<c:url value='/images/jiao.jpg'/>" width="17" height="44" /></td>
        <td width="150" background="<c:url value='/images/jiao2.jpg'/>"><div class="title-font">
              &nbsp;&nbsp;&nbsp;&nbsp;选择人员</div></td>
        <td width="32" background="<c:url value='/images/jiao4.jpg'/>"><img src="<c:url value='/images/jiao3.jpg'/>" width="32" height="44" /></td>
        <td width="365" background="<c:url value='/images/jiao4.jpg'/>">&nbsp;</td>
        <td width="30"><img src="<c:url value='/images/jiao5.jpg'/>" width="30" height="44" /></td>
      </tr>
    </table>
<table width="600" border="0" align="center" cellpadding="3" cellspacing="1">
  <td height="103" colspan="2" valign="top" width="100%">
   <table width="100%" border="0" cellspacing="0" cellpadding="3">
    <tr>
     <td>
       <div align="center">
          <select name="xSec0" size="14" multiple style="width:150px">
           <%
              Map deptUserMap=(Map)request.getAttribute("userMap");
              Iterator itt= deptUserMap.keySet().iterator();
              while(itt.hasNext())
              {
                  String key=(String)itt.next();
                  String v=(String)deptUserMap.get(key);
          %>       
            
                 <%=v%>
            
          <%  } 
          %>
          </select>
 
       </div>
     </td>
     <td><div align="center">
        <input type="button" onClick="allToRight(right);" class="button-submit5" value="&gt;&gt;" style="width:50px"><br><br>
        <input type="button" onClick="partToRight(right);" class="button-submit5" value="&gt;" style="width:50px"><br><br>
        <input type="button" onClick="partToLeft(right);" class="button-submit5" value="&lt;" style="width:50px"><br><br>
        <input type="button" onClick="allToLeft(right);" class="button-submit5" value="&lt;&lt;" style="width:50px"></div>
     </td>
     <td><div align="center">

        <select name="right" size="14" multiple style="width:150px">
          
          <logic:iterate id="user1" name="user1">
           <option value='<bean:write name="user1" property="id"/>'><bean:write name="user1" property="disp"/></option>
          </logic:iterate>
        </select></div>
     </td>
    </tr>
   </table>
  </td>
 
  <tr>
    <td colspan="3"> <div align="center">
       
        <input type="button" class="button-submit" value="确定" οnclick="checkToSubmit()">
       
        <input type="reset" class="button-submit" value="关闭" οnclick="window.close()">
      </div></td>
  </tr>
</table>
<input type="hidden" name="show" />
<input type="hidden" name="flag" value="<bean:write name="flag" />">
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值