作者:扬帆900 | 来源:互联网 | 2018-05-14 07:20
在页面中有两个列表框,需要把其中一个列表框的元素移动到另一个列表框,怎么实现此功能呢,下面通过本文给大家介绍JavaScript如何实现组合列表框中元素移动效果,感兴趣的朋友一起学习吧
首先给大家说下组合框和列表框的区别:
组合框包括列表框和文本框的功能
文本框:只能输入数据
列表框:只能选择数据
组合框:既能输入数据,又能选择``
应用背景:在页面中有两个列表框,需要把其中一个列表框的元素移动到另一个列表框 。
实现的基本思想:
(1)编写init方法对两个列表框进行初始化;
(2)为body添加onload事件调用init方法;
(3)编写move(s1,s2)把s1中选中的选项移到s2;
(4)编写moveAll(s1,s2)把s1中所有的选项都移到s2.
(5)为按钮添加onclick事件。
Javascript代码如下:
代码:
以上内容给大家介绍了Javascript如何实现组合列表框中元素移动效果的相关知识,希望对大家有所帮助!