左边select添加到右边select框
2010-07-02 17:42
344 查看
<%@ 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">
选择人员</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'/>"> </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=">>" style="width:50px"><br><br>
<input type="button" onClick="partToRight(right);" class="button-submit5" value=">" style="width:50px"><br><br>
<input type="button" onClick="partToLeft(right);" class="button-submit5" value="<" style="width:50px"><br><br>
<input type="button" onClick="allToLeft(right);" class="button-submit5" value="<<" 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="确定" onclick="checkToSubmit()">
<input type="reset" class="button-submit" value="关闭" onclick="window.close()">
</div></td>
</tr>
</table>
<input type="hidden" name="show" />
<input type="hidden" name="flag" value="<bean:write name="flag" />">
</body>
</html>
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">
选择人员</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'/>"> </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=">>" style="width:50px"><br><br>
<input type="button" onClick="partToRight(right);" class="button-submit5" value=">" style="width:50px"><br><br>
<input type="button" onClick="partToLeft(right);" class="button-submit5" value="<" style="width:50px"><br><br>
<input type="button" onClick="allToLeft(right);" class="button-submit5" value="<<" 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="确定" onclick="checkToSubmit()">
<input type="reset" class="button-submit" value="关闭" onclick="window.close()">
</div></td>
</tr>
</table>
<input type="hidden" name="show" />
<input type="hidden" name="flag" value="<bean:write name="flag" />">
</body>
</html>
相关文章推荐
- select标签左边集合和右边集合 ,添加,移除, 多选添加,移除功能
- jQquery实现从左边select框添加到右边,并且可以上下排序
- Android之Toolbar的三个问题:修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头
- Toolbar的三个问题:修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头
- JS动态的把左边列表添加到右边的实现代码(可上下移动)
- jquery下拉框实现将左边的选项添加到右边区域
- 备忘篇——jquery实现将左边的元素添加到右边后,在右边点击添加的元素却没反应
- js动态的把左边列表添加到右边,可上下移动。
- JavaScript如何把选中d的节点添加到左边或右边
- Android之Toolbar的三个问题:修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头
- 左边添加项到右边的JS实现
- Toolbar的三个问题:修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头
- 给定一颗完全二叉树,给每一层添加上next的指针,从左边指向右边
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 给定一颗完全二叉树,给每一层添加上next的指针,从左边指向右边
- 将后台中获取的值传到select,并将左边select的值移到右边,将select的全部值传到后台
- Docx4j 在页眉同时 添加logo图片和文字,logo图片显示在左边,文字显示在右边
- 模拟select移动(左边不为select,右边为select)
- 左边部分添加到右边
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)