js控制多选框左右移动
来源:互联网 发布:淘宝网休闲男装 编辑:程序博客网 时间:2024/05/16 10:21
<script language="JavaScript">
var employee = new Array();
employee[0] = ['办公室', '办公室人员1|01', '办公室人员2|02', '办公室人员3|03'];
employee[1] = ['财务部', '财务部人员1|11', '财务部人员2|12', '财务部人员3|13'];
employee[2] = ['技术部', '技术部人员1|21', '技术部人员2|22', '技术部人员3|23'];
employee[3] = ['工程部', '工程部人员1|31', '工程部人员2|32', '工程部人员3|33'];
employee[4] = ['预算部', '人技术部员1|41', '人技术部员2|42', '人技术部员3|43'];
function window.onload() {
for (var i=0; i<employee.length; i++)
form1.s1.options.add(new Option(employee[i][0], i));
}
function check_employee(ID) {
for (var i=0; i<form1.s3.options.length; i++)
if (form1.s3.options[i].value == ID)
return false;
return true;
}
function select_employee(v) {
form1.s2.options.length = 0;
for (var i=1; i<employee[v].length; i++)
if (check_employee(employee[v][i].split('|')[1])) form1.s2.options.add(new Option(employee[v][i].split('|')[0], employee[v][i].split('|')[1]));
}
function move_right() {
if (form1.s2.selectedIndex >= 0) {
form1.s3.options.add(new Option(form1.s2.options[form1.s2.selectedIndex].text, form1.s2.options[form1.s2.selectedIndex].value));
form1.s2.options[form1.s2.selectedIndex].removeNode(true);
}
else { alert('请选择一个员工'); }
}
function move_left() {
form1.s3.selectedIndex >= 0 ? form1.s3.options[form1.s3.selectedIndex].removeNode(true) : alert('请选择一个员工');
if (form1.s1.selectedIndex >= 0) select_employee(form1.s1.selectedIndex);
}
function move_right_all() {
for (var i=0; i<form1.s2.options.length; i++)
form1.s3.options.add(new Option(form1.s2.options[i].text, form1.s2.options[i].value));
form1.s2.options.length = 0;
}
function move_left_all() {
form1.s3.options.length = 0;
if (form1.s1.selectedIndex >= 0) select_employee(form1.s1.selectedIndex);
}
function employee_submit() {
var userlist = new Array();
for (var i=0; i<form1.s3.options.length; i++)
userlist[userlist.length] = form1.s3.options[i].value;
alert(userlist);
}
</script>
<form name="form1" method="post" action="">
<table>
<tr><td>部门<br><select name="s1" size="15" style="width:100px;" onChange="select_employee(this.value)"></select></td>
<td>部门人员<br><select name="s2" size="15" style="width:100px;" onDblClick="move_right()"></select></td>
<td><input type="button" value="==>" onClick="move_right()"><br><br><input type="button" value="<==" onClick="move_left()"><br><br><input type="button" value="全选" onClick="move_right_all()"><br><input type="button" value="全删" onClick="move_left_all()"></td>
<td>选定人员<br><select name="s3" size="15" style="width:100px;" onDblClick="move_left()"></select></td>
</tr>
</table>
用户选择列表框,©风云突变 Dec 2003
<input type="button" value="确定" onClick="employee_submit()">
</form>
- js控制多选框左右移动
- js控制多选框左右移动
- js 实现左右移动
- 【js】左右上下移动
- js左右控制切换
- js控制多选框上下移动
- js控制多选框上下移动
- JS 网页中通过js控制图片的左右上下移动
- UIScrollView如何控制只能左右移动
- JavaScript控制滚动条左右移动
- js控制菜单移动
- js 控制移动
- JavaScript js 左右移动下拉列表选项
- js 两个select之间的左右移动
- JavaScript js 左右移动下拉列表选项
- 【JS】实现单选框的左右移动
- js实现图片左右移动轮播
- js文字内容左右移动事件
- 框架点滴
- J2EE的两本好书
- Atlas揭秘 —— 绑定(Binding)
- 一个可用的手机蓝牙程序
- Linux下patch的制作和应用
- js控制多选框左右移动
- windows xp 的几个快捷键
- SSL,数字证书,Web服务器证书,网站证书
- Asp.Net2.0技巧(续)
- 基于U盘传播的简单病毒
- javascript 取得某月最后一天
- 商朝子的破解教学第四章
- jsp 利用js自动刷新页面
- 您可能不知道的.Net2.0小技巧