<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>核保管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../include/css/style.css" type="text/css">
<SCRIPT language=JavaScript>
function move(fbox,tbox) {
for(var i=0; i<fbox.options.length; i++) {
if(fbox.options[i].selected && fbox.options[i].value != "") {
// Add Items to left side
var no = new Option();
no.value = fbox.options[i].value;
no.text = fbox.options[i].text;
tbox.options[tbox.options.length] = no; // Clear Item List in left
fbox.options[i].value = "";
fbox.options[i].text = "";
}
}
BumpUp(fbox);
// SortD(tbox);
}// Clear blank Item List
function BumpUp(box) {
for(var i=0; i<box.options.length; i++) {
if(box.options[i].value == "") {
for(var j=i; j<box.options.length-1; j++) {
box.options[j].value = box.options[j+1].value;
box.options[j].text = box.options[j+1].text;
}
var ln = i;
break;
}
}
if(ln < box.options.length) {
box.options.length -= 1;
BumpUp(box);
}
} </SCRIPT>
</head>
<BODY>
<form method="post" name="form1" action="">
<table border=0 cellPadding=0 cellSpacing=1 width="100%">
<tr>
<td colspan="2" ALIGN="center">小组</td>
<td colspan="1" > </td>
<td colspan="2" ALIGN="center">组长</td>
<td colspan="1" > </td>
<td colspan="2" ALIGN="center">组员</td>
<td colspan="1" > </td>
</tr> <tr><td> </td></tr> <tr>
<td colspan="2" width=15% rowspan='10' ALIGN="center">
<SELECT NAME="unsel" style="width:150;height:200" size=4 MULTIPLE>
<OPTION VALUE=01>人员1</OPTION>
<OPTION VALUE=02>人员2</OPTION>
<OPTION VALUE=03>人员3</OPTION>
<OPTION VALUE=04>人员4</OPTION>
<OPTION VALUE=05>人员5</OPTION>
<OPTION VALUE=06>人员6</OPTION>
<OPTION VALUE=07>人员7</OPTION>
</SELECT>
</td>
<td colspan="1" ALIGN="center" width=12%>
<INPUT TYPE="BUTTON" NAME="" VALUE="添加组长>>" OnClick="move(unsel,item);">
<BR>
<BR>
<INPUT TYPE="BUTTON" NAME="" VALUE="<<删除组长" OnClick="move(item,unsel);">
</td> <td colspan="2" ALIGN="center" width=15%>
<select name="item" size=4 MULTIPLE style="width:150;height:200">
</select>
</td> <td colspan="1" ALIGN="center" width=12% >
<INPUT TYPE="BUTTON" NAME="" VALUE="添加组员>>" OnClick="move(unsel,detail);">
<BR>
<BR>
<INPUT TYPE="BUTTON" NAME="" VALUE="<<删除组员" OnClick="move(detail,unsel);">
</td>
<td colspan="2" ALIGN="center" width=15% >
<select name="detail" size=4 MULTIPLE style="width:150;height:200">
</select>
</td> </tr>
</table>
<table border=0 cellPadding=0 cellSpacing=0 width="100%">
<tr>
<td width="35%" align="center" class="fieldName">
<input type="button" value="确 认" class="btnLink" onclick="javascript:alert('提交表单')">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
----------------------------------------
不知道这样做行不行,比较好控制
<html>
<head>
<title>核保管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../include/css/style.css" type="text/css">
<SCRIPT language=JavaScript>
function move(fbox,tbox) {
for(var i=0; i<fbox.options.length; i++) {
if(fbox.options[i].selected && fbox.options[i].value != "") {
// Add Items to left side
var no = new Option();
no.value = fbox.options[i].value;
no.text = fbox.options[i].text;
tbox.options[tbox.options.length] = no; // Clear Item List in left
fbox.options[i].value = "";
fbox.options[i].text = "";
}
}
BumpUp(fbox);
// SortD(tbox);
}// Clear blank Item List
function BumpUp(box) {
for(var i=0; i<box.options.length; i++) {
if(box.options[i].value == "") {
for(var j=i; j<box.options.length-1; j++) {
box.options[j].value = box.options[j+1].value;
box.options[j].text = box.options[j+1].text;
}
var ln = i;
break;
}
}
if(ln < box.options.length) {
box.options.length -= 1;
BumpUp(box);
}
} </SCRIPT>
</head>
<BODY>
<form method="post" name="form1" action="">
<table border=0 cellPadding=0 cellSpacing=1 width="100%">
<tr>
<td colspan="2" ALIGN="center">小组</td>
<td colspan="1" > </td>
<td colspan="2" ALIGN="center">组长</td>
<td colspan="1" > </td>
<td colspan="2" ALIGN="center">组员</td>
<td colspan="1" > </td>
</tr> <tr><td> </td></tr> <tr>
<td colspan="2" width=15% rowspan='10' ALIGN="center">
<SELECT NAME="unsel" style="width:150;height:200" size=4 MULTIPLE>
<OPTION VALUE=01>人员1</OPTION>
<OPTION VALUE=02>人员2</OPTION>
<OPTION VALUE=03>人员3</OPTION>
<OPTION VALUE=04>人员4</OPTION>
<OPTION VALUE=05>人员5</OPTION>
<OPTION VALUE=06>人员6</OPTION>
<OPTION VALUE=07>人员7</OPTION>
</SELECT>
</td>
<td colspan="1" ALIGN="center" width=12%>
<INPUT TYPE="BUTTON" NAME="" VALUE="添加组长>>" OnClick="move(unsel,item);">
<BR>
<BR>
<INPUT TYPE="BUTTON" NAME="" VALUE="<<删除组长" OnClick="move(item,unsel);">
</td> <td colspan="2" ALIGN="center" width=15%>
<select name="item" size=4 MULTIPLE style="width:150;height:200">
</select>
</td> <td colspan="1" ALIGN="center" width=12% >
<INPUT TYPE="BUTTON" NAME="" VALUE="添加组员>>" OnClick="move(unsel,detail);">
<BR>
<BR>
<INPUT TYPE="BUTTON" NAME="" VALUE="<<删除组员" OnClick="move(detail,unsel);">
</td>
<td colspan="2" ALIGN="center" width=15% >
<select name="detail" size=4 MULTIPLE style="width:150;height:200">
</select>
</td> </tr>
</table>
<table border=0 cellPadding=0 cellSpacing=0 width="100%">
<tr>
<td width="35%" align="center" class="fieldName">
<input type="button" value="确 认" class="btnLink" onclick="javascript:alert('提交表单')">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
----------------------------------------
不知道这样做行不行,比较好控制
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货