87,907
社区成员
发帖
与我相关
我的任务
分享两个listbox之间的传值
我想将左边名为select3的listbox中的所有值,在点一个>>按钮之后,全部插入到名为
select4的listbox中.
请高手,帮忙写一个javascript函数.
谢谢
select4的listbox中.
请高手,帮忙写一个javascript函数.
谢谢
...全文
请发表友善的回复…
发表回复
impeller 2006-07-30
- 打赏
- 举报
试试我的那个
xuemei2xiehong 2006-07-30
- 打赏
- 举报
pilicat(Delphi迷)
你写得这个fumction,不能将select4中所有的值插入到select3中呀.
你写得这个fumction,不能将select4中所有的值插入到select3中呀.
pilicat 2006-07-30
- 打赏
- 举报
给你做了个示例页面。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>将select3的所有值复制到select4中</title>
<script language="javascript">
function copydata()
{
var i=0;
for (i==0;i<document.form1.select3.length;i++)
{
document.form1.select4.options[i]=new Option(document.form1.select3.options[i].value,document.form1.select3.options[i].desc);
}
}
</script>
</head>
<body>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form1" method="post" action="">
<tr>
<td>
<select name="select3" size="5" id="select3">
<option value="项目1">项目1</option>
<option value="项目2">项目2</option>
<option value="项目3">项目3</option>
<option value="项目4">项目4</option>
<option value="项目5">项目5</option>
</select>
</td>
<td><input name="button1" type="button" id="button1" value="添加到select4" onClick="copydata();"></td>
<td><select name="select4" size="5" id="select4">
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</form>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>将select3的所有值复制到select4中</title>
<script language="javascript">
function copydata()
{
var i=0;
for (i==0;i<document.form1.select3.length;i++)
{
document.form1.select4.options[i]=new Option(document.form1.select3.options[i].value,document.form1.select3.options[i].desc);
}
}
</script>
</head>
<body>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="form1" method="post" action="">
<tr>
<td>
<select name="select3" size="5" id="select3">
<option value="项目1">项目1</option>
<option value="项目2">项目2</option>
<option value="项目3">项目3</option>
<option value="项目4">项目4</option>
<option value="项目5">项目5</option>
</select>
</td>
<td><input name="button1" type="button" id="button1" value="添加到select4" onClick="copydata();"></td>
<td><select name="select4" size="5" id="select4">
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</form>
</table>
</body>
</html>
impeller 2006-07-30
- 打赏
- 举报
<html>
<head>
<title></title>
<script>
function move(oSrc,oDest){
for(var i=0;i<oSrc.options.length;i++){
oDest.options[oDest.options.length] = new Option(oSrc.options[i].text,oSrc.options[i].value);
}
oSrc.options.length = 0;
}
</script>
</head>
<body>
<form>
<select id="a" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button" value=">>" onclick="move(document.all.a,document.all.b);">
<input type="button" value="<<" onclick="move(document.all.b,document.all.a);">
<select id="b" size="10">
</select>
</form>
</body>
</html>
<head>
<title></title>
<script>
function move(oSrc,oDest){
for(var i=0;i<oSrc.options.length;i++){
oDest.options[oDest.options.length] = new Option(oSrc.options[i].text,oSrc.options[i].value);
}
oSrc.options.length = 0;
}
</script>
</head>
<body>
<form>
<select id="a" size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button" value=">>" onclick="move(document.all.a,document.all.b);">
<input type="button" value="<<" onclick="move(document.all.b,document.all.a);">
<select id="b" size="10">
</select>
</form>
</body>
</html>
