Javascript二级联动

JaHunter

浏览: 89621 次
性别:
来自: 北京

最近访客更多访客>>

梁静茹的小三

hgq114

zhenghuiqiang316

woodding2008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
function addSrcToDestList() {
destList = window.document.forms[0].destList;
srcList = window.document.forms[0].srcList;
var len = destList.length;
for(var i = 0; i < srcList.length; i++) {
  if ((srcList.options[i] != null) && (srcList.options[i].selected)) {
   var found = false;
   for(var count = 0; count < len; count++) {
    if (destList.options[count] != null) {
     if (srcList.options[i].text == destList.options[count].text) {
      found = true;
      break;
     }
    }
   }
   if (found != true) {
   destList.options[len] = new Option(srcList.options[i].text);
   len++;
   }
  }
}
}
function deleteFromDestList() {
var destList = window.document.forms[0].destList;
var len = destList.options.length;
for(var i = (len-1); i >= 0; i--) {
  if ((destList.options[i] != null) && (destList.options[i].selected == true)) {
   destList.options[i] = null;
  }
}
}

var array=new Array();
array[0]='<option value="系统管理员">系统管理员</option><option value="安检科采煤科长">安检科采煤科长</option>'
array[1]='<option value="安检科科长">安检科科长</option>'
array[2]='<option value="安装队责任人">安装队责任人</option>'
array[3]='<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[w]
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"> 
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" 确定 " onClick="">
</td>
<td>
<input type="button" value=" 从右边删除 " onClick="javascript:deleteFromDestList();">
</td>
</tr>
</table>
</form>
</body>
</html>

分享到：

checkbox多选 | 实用网址

2009-02-09 08:46
浏览 1526
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论