介绍
这篇文章主要为大家展示了如何实现JavaScript,选择标签元素左右移动功能,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
通过JavaScript设计一段代码,实现下面的功能。初始界面如下图,选中左面标签中的几个选项后再点——祝辞,则将他们移动到右侧框内,同时左侧选项消失。点击====祝辞后,左侧全部选项移动到右侧。点击右侧几个选项后,再点& lt; - - - - - -,则这些选项移动到左侧,点& lt;====,则右侧全部选项移动到左侧。代码如下:
& lt; !DOCTYPE html> & lt; html lang=癳n"祝辞 & lt; head> & lt;元charset=癠TF-8"祝辞 & lt; title> Title & lt; style> # box_L, #, # box_R { 显示:inline-block; } & lt;/style> & lt;/head> & lt; body> & lt; div id=癰ox_L"祝辞 & lt;选择id=發eft",多个大??0“的在 & lt; option> one & lt; option> two & lt; option> three & lt; option> four & lt; option> five & lt; option> six & lt;/select> & lt;/div> & lt; div id=癱hoice"祝辞 & lt;输入类型=癰utton"宽度=? px"价值=https://www.yisu.com/zixun/? ->“alt="如何实现JavaScript,选择标签元素左右移动功能">如何实现JavaScript,选择标签元素左右移动功能