浏览 712 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
时间：2007-09-22 关键字: 多选列表框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>sendsysmessage.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type=text/javascript language=JavaScript>
function addmen(){
var d = document.getElementById('select1');
var s = document.getElementById('select2');
//alert(d.options.length);
for(var i=0;i<d.options.length;i++){
if(d.options[i].selected){
//alert(d.options[i].text);
var obj = new Option(d.options[i].text,d.options[i].value);
s.options.add(obj);
d.remove(i);
}
}
}
function allmen(){
var d = document.getElementById('select1');
var s = document.getElementById('select2');
//alert(d.options.length);
for(var i=0;i<d.options.length;i++){
//alert(d.options[i].text);
var obj = new Option(d.options[i].text,d.options[i].value);
s.options.add(obj);
d.remove(i);
}
}
function returnmen(){
var d = document.getElementById('select1');
var r = document.getElementById('select2');
for(i=0;i<r.options.length;i++){
if(true==r.options[i].selected){
//alert(d.options[i].text);
var obj = new Option(r.options[i].text,r.options[i].value);
r.remove(i);
d.options.add(obj);
}
}
}
</script>
</head>
<body>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form>
<tr>
<td width="11%"> </td>
<td width="89%"> </td>
</tr>
<tr>
<td>接收人</td>
<td><select name="select1" size="4" multiple>
<option value="1">kk</option>
<option value="2">dd</option>
<option value="3">ee</option>
<option value="4">tt</option>
</select> <input name="d" type="button" id="d" value="<<" onClick="returnmen();">
<input name="d" type="button" id="d" value=">>" onClick="addmen();">
<input name="d" type="button" id="d" value="全部添加" onClick="allmen();">
<select name="select2" size="4" multiple>
</select>
</td>
</tr>
<tr>
<td>主题：</td>
<td> </td>
</tr>
<tr>
<td>内容：</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</form>
</table>
</body>
</html>
关于多选列表框的值，多选添加到另一个列表框里有点问题，就是原来的值删除不了，或者选了两个，只添加了一个，不知道是什么原因呢？请指教。 声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
|
| 返回顶楼 | |
|
时间：2007-09-22
试试全部添加完了再删除，不要边添加边删除
|
| 返回顶楼 | |
