Javascript二级联动
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function addSrcToDestList() {
destList = window.document.forms.destList;
srcList = window.document.forms.srcList;
var len = destList.length;
for(var i = 0; i < srcList.length; i++) {
if ((srcList.options != null) && (srcList.options.selected)) {
var found = false;
for(var count = 0; count < len; count++) {
if (destList.options != null) {
if (srcList.options.text == destList.options.text) {
found = true;
break;
}
}
}
if (found != true) {
destList.options = new Option(srcList.options.text);
len++;
}
}
}
}
function deleteFromDestList() {
var destList = window.document.forms.destList;
var len = destList.options.length;
for(var i = (len-1); i >= 0; i--) {
if ((destList.options != null) && (destList.options.selected == true)) {
destList.options = null;
}
}
}
var array=new Array();
array='<option value="系统管理员">系统管理员</option><option value="安检科采煤科长">安检科采煤科长</option>'
array='<option value="安检科科长">安检科科长</option>'
array='<option value="安装队责任人">安装队责任人</option>'
array='<option value="供应科内业科长">供应科内业科长</option><option value="机电科科长">机电科科长</option>'
function change(w){
str='<select style="width:100;font-size:13px" size="5" name="srcList" multiple onchange="javascript:addSrcToDestList()">'
str+=array
str+='</select>'
sList.innerHTML=str
}
</SCRIPT>
</head>
<body>
<center>
<form method="POST">
<table bgcolor="#FFFFCC">
<tr>
<td align="center">
收件人列表:
</td>
<td>
已选收件人:
</td>
</tr>
<tr>
<td bgcolor="#FFFFCC" width="400">
<select style='width:100;font-size:13px' id="subList" size="5" name="subList" multiple onChange="javascript:change(subList.value);event.cancelBubble=true;return false">
<option value="0">安检科</option>
<option value="1">调度室</option>
<option value="2">培训科</option>
<option value="3">生产科</option>
<option value="4">巷修二队</option>
<option value="5">财务科</option>
</select>
<span id="sList">
<select style='width:100;font-size:13px' size="5" name="srcList" multiple onChange="javascript:addSrcToDestList()">
</select>
</span>
</td>
<td bgcolor="#FFFFCC" width="69">
<select style='width:100;font-size:13px' size="5" name="destList" multiple>
</select>
</td>
</tr>
<tr>
<td colspan="3" align="center">&nbsp;
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" 确定 " >
</td>
<td>
<input type="button" value=" 从右边删除 " >
</td>
</tr>
</table>
</form>
</body>
</html>
页:
[1]