js怎样把左边文本框中多选的内容点击表单按钮复制到右边文本框中？
js怎样把左边文本框中多选的内容点击表单按钮复制到右边文本框中？并且点另一个表单按钮删除右边选中的内容...
js怎样把左边文本框中多选的内容点击表单按钮复制到右边文本框中？并且点另一个表单按钮删除右边选中的内容
展开
3个回答
展开全部
完美无瑕的代码，呵呵
<script>
function right_move()
{
var con_data=[];
for(var i=0;i<$("left_").length;i++)
{
if($("left_").options[i].selected)
con_data[con_data.length]=[$("left_").options[i].value,$("left_").options[i].text];
}
$("right_").length=$("right_").length;
for(var i=0;i<con_data.length;i++)
{
var con_fla=true;
for(var k=0;k<$("right_").length;k++)
{
if(con_data[i][0]==$("right_").options[k].value)
con_fla=false;
}
if(con_fla)
$("right_").options[$("right_").length]=new Option(con_data[i][1],con_data[i][0]);
}
}
function del_right()
{
var index_data=[];
for(var i=0;i<$("right_").length;i++)
{
if($("right_").options[i].selected)
index_data[index_data.length]=[i];
}
for(var i=index_data.length-1;i>=0;i--)
{
$("right_").removeChild($("right_").options[index_data[i]]);
}
}
function $(id){return document.getElementById(id);}
</script>
<body>
<table width="355" height="192" border="1">
<tr>
<td width="128" align="center" valign="middle"><select name="left_" size="7" multiple="multiple" id="left_" style="width:100px;">
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="陕西省">陕西省</option>
<option value="江苏省">江苏省</option>
<option value="广东省">广东省</option>
</select></td>
<td width="101" align="center" valign="middle"><input type="button" name="Submit" value=" 右移>> " onclick="right_move()"/>
<br />
<br />
<input type="button" name="Submit2" value=" 删 除 " onclick="del_right();" /></td>
<td width="128" align="center" valign="middle"><select name="right_" size="7" multiple="multiple" id="right_" style="width:100px;">>
</select></td>
</tr>
</table>
<script>
function right_move()
{
var con_data=[];
for(var i=0;i<$("left_").length;i++)
{
if($("left_").options[i].selected)
con_data[con_data.length]=[$("left_").options[i].value,$("left_").options[i].text];
}
$("right_").length=$("right_").length;
for(var i=0;i<con_data.length;i++)
{
var con_fla=true;
for(var k=0;k<$("right_").length;k++)
{
if(con_data[i][0]==$("right_").options[k].value)
con_fla=false;
}
if(con_fla)
$("right_").options[$("right_").length]=new Option(con_data[i][1],con_data[i][0]);
}
}
function del_right()
{
var index_data=[];
for(var i=0;i<$("right_").length;i++)
{
if($("right_").options[i].selected)
index_data[index_data.length]=[i];
}
for(var i=index_data.length-1;i>=0;i--)
{
$("right_").removeChild($("right_").options[index_data[i]]);
}
}
function $(id){return document.getElementById(id);}
</script>
<body>
<table width="355" height="192" border="1">
<tr>
<td width="128" align="center" valign="middle"><select name="left_" size="7" multiple="multiple" id="left_" style="width:100px;">
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="陕西省">陕西省</option>
<option value="江苏省">江苏省</option>
<option value="广东省">广东省</option>
</select></td>
<td width="101" align="center" valign="middle"><input type="button" name="Submit" value=" 右移>> " onclick="right_move()"/>
<br />
<br />
<input type="button" name="Submit2" value=" 删 除 " onclick="del_right();" /></td>
<td width="128" align="center" valign="middle"><select name="right_" size="7" multiple="multiple" id="right_" style="width:100px;">>
</select></td>
</tr>
</table>
更多追问追答
追问
牛人 俺在这谢谢了 加个按钮 吧右边的全部移到左边了
追答
汗，不是吧，右边的不是从左边取过来的吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你的按钮添加一个onclick事件，然后documtent.getElementById("右边文本框的id").value=documtent.getElementById("左边文本框的id").value
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
表单名称是T1和T2谁给个代码？ 我用的FRONPAGE 把代码写给我 发送地址写成发送地址哈！ 用form表单提交或者是js提交
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
