例子：两个列表之间移动数据

最新推荐文章于 2023-11-04 01:18:58 发布

weixin_33739523

最新推荐文章于 2023-11-04 01:18:58 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

文章标签：网络

原文链接：http://www.cnblogs.com/l5580/p/5909070.html

本文提供了一个使用HTML和JavaScript实现的简单示例，演示如何通过按钮点击事件将下拉列表中的选项从一个列表移动到另一个列表。具体操作包括单个选项的移动及全部选项的移动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function Dan()

{

　　//把列表1选中值取出

　　var list1 = document.getElementById("list1");

　　var v = list1.value;

　　//造一个option项

　　var s = "<option class='o2'>"+v+"</option>";

　　//判断list2里面是否有该项

　　var attr = document.getElementsByClassName("o2");

　　var cz = true; for(var i=0;i<attr.length;i++)

　　{

　　alert(attr[i].innerHTML);

　　if(attr[i].innerHTML==v)

　　　　{

　　　　　　cz = false;

　　　　　　break;

　　　　 }

　　　　if(cz)

{

//将option项扔到list2

var list2 = document.getElementById("list2");

list2.innerHTML +=s;

}

function Duo()

{

document.getElementById("list2").innerHTML = document.getElementById("list1").innerHTML;

}

转载于:https://www.cnblogs.com/l5580/p/5909070.html