zoukankan      html  css  js  c++  java
  • JS: 子项可以来回交换的两个下拉列表

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body> 
         <select id="leftBox" multiple="multiple" style="height: 200px; 100px;">   
            <option value="1">a</option>   
            <option value="2">b</option>   
            <option value="3">c</option>    
            <option value="4">d</option>   
        </select>   
        <input type="button" value=">" onclick="move('leftBox','rightBox')"/>   
        <input type="button" value="<" onclick="move('rightBox','leftBox')"/>    
          <select id="rightBox" multiple="multiple" style="height: 200px; 100px;">   
            <option value="11">A</option>   
            <option value="22">B</option>   
            <option value="33">C</option>   
            <option value="44">D</option>   
        </select>        
        </body>
    </html>
    <script type="text/javascript">   

           function move(from,to) { 

                var fromBox = document.getElementById(from);  

                var toBox = document.getElementById(to); 

                while(fromBox.selectedIndex != -1){  

                    toBox.appendChild(fromBox.options[fromBox.selectedIndex]); 
                } 
            } 

    </script>

  • 相关阅读:
    dsoframer设计笔记
    pb 使用ole控制进行WORD操作失败-9
    【学习笔记】Fragment
    Suggest:the suffix for classes name
    ArrayList和LinkedList
    Android Studio入门
    asp.net ToString() 输出格式详细
    Uploadify 3.2 参数属性、事件、方法函数详解
    基础解析正则表达式
    10个优秀的 Web UI库/框架
  • 原文地址:https://www.cnblogs.com/cmzhphp2017/p/7604722.html
Copyright © 2011-2022 走看看