JavaScript实现左右下拉框动态增删示例

选中下拉框中的选项实现左移右移

效果：

1. Html部分代码

  

    

      左1
      左2
      左3
      左4
      左5
      左6
      左7
      左8
      左9
      左10
    

    

      

      

      

      

    


    

      
 右1
 右2
 右3
 右4
 右5
 右6
 右7
      
    

    

  

  

2. Javascript脚本代码如下:

3.CSS简单代码如下:

  
    select, td
    {
      font:20px/40px '宋体';
    }
    option {width: 100px;
      font:20px/40px '宋体';
    }
    input {
      padding: 3px;
      font:20px/40px '宋体';
      text-align: center;
      width: 130px;
      height: 40px;
      background-color: orange;
    }
  

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