JavaScript, select标签元素左右移动功能实现

通过Javascript设计一段代码,实现下面的功能.初始界面如下图,选中左面标签中的几个选项后再点-->,则将他们移动到右侧框内,同时左侧选项消失.点击====>后,左侧全部选项移动到右侧.点击右侧几个选项后,再点<---,则这些选项移动到左侧,点<====,则右侧全部选项移动到左侧.代码如下:

  
  
  
    #box_L,#choice,#box_R{
      display: inline-block;
    }

  



  
    one
    two
    three
    four
    five
    six
  


  

  

  

  



  
    seven
  

结果如下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。