子项可以来回交换的两个下拉列表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body> 
     <select id="leftBox" multiple="multiple" style="height: 200px; width: 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; width: 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>

时间: 2024-10-10 22:41:04

子项可以来回交换的两个下拉列表的相关文章

二叉树非递归先中后序遍历 及 非递归交换二叉树两个孩子的位置

看到一个非递归交换一个二叉树的左右孩子的位置,于是想实现之,才发现非递归的先中后序遍历都忘记了……于是杂七杂八的写了一些,抄抄资料就实现了,然后实现非递归交换两个孩子的位置还是相当容易的.先直接上代码吧,其实这东西还是得自己写写过一遍的,印象才会更加深刻: #include <iostream> #include <fstream> #include <string> #include <stack> using std::cout; using std::

函数封装2.4交换某两个变量的值

交换某两个变量的值 def demo(n): def inner(x, y): print(x, y) x, y = y, x print(x, y) return inner @demo def func(p): print(p) x = input("请输入第一个数字:") y = input("请输入第二个数字:") func(x, y) 输出结果: 请输入第一个数字:3.8 请输入第二个数字:2+3j 3.8 2+3j 2+3j 3.8 Process fi

点击下箭头??变上箭头??来回切换的两种方法

我所知道的常用的就这两种. 第一种:说明一下我用的是fontawesome字体,首先要去官网下载来用 <span class='btn btn-more'> <i class='fa fa-angle-down'></i> <i class='fa fa-angle-up hidden'></i></span> 我用的是bootstrap,所以hidden是自带的,上面的初始状态就是下箭头angle-down是显示的,然后上箭头ang

自己写一个swap函数交换任意两个相同元素值 对空指针的使用 字节大小的判断(一)

1 #include <stdio.h> 2 struct Point{ 3 int x; 4 double y; 5 Point(int x = 0, double y = 0):x(x), y(y){} 6 void print(){ 7 printf("(%d, %lf)", x, y); 8 } 9 }; 10 void swap (char *a, char *b, size_t width){ 11 char tmp; 12 while(width--){ 13

PHP 不使用新变量而交换现有两个变量的值

正常是交换两个变量的值应该使用中间变量: function swap($a, $b){ $temp = $a; $a = $b; $b = $temp; } 1.这个方法很容易想到,但是只限于交换数值类型的变量:function swap (&$a,&$b){ $a = $a+$b; $b = $a-$b; $a = $a-$b;} 2.这方法是语言结构,想法很奇妙: list($a, $b) = array($b, $a); 注:list — 把数组中的值赋给一些变量 3.通过数组函数a

Java中实现数据交换的两种方式

/* *常用于底层的操作 */ public void swap(int a,int b){ a=a^b; b=b^a; a=a^b; System.out.print("a:"+a+"b:"+b); } /* *一个语句实现交换 */ public void swapone(int a,int b){ b=(a+b)-(a=b); System.out.print("a:"+a+"b:"+b); }

自己写一个swap函数交换任意两个相同类型元素的值 对空指针的使用 字节大小的判断(二)了解原理

验证的代码: 1 #include <stdio.h> 2 int main(){ 3 4 char c = 'z'; 5 int num = ('Z' << 24) + (c << 16) + ('A' << 8) + 'a'; 6 7 printf("'Z'=0x%x c=0x%x 'A'=0x%x 'a'=0x%x\n", 'Z', c, 'A', 'a'); 8 printf("num=0x%x\n", num

9、两个下拉列表中的选项变换

RealTimeHistory_LKJ_allOption --左边列表 RealTimeHistory_LKJ_selectOption--右边列表 // 右移 $(".RealTimeHistory_LKJ_rightMove").unbind("click").click(function () { $.each($(".RealTimeHistory_LKJ_allOption option:selected"),function(i,i

PHP中不用第三个变量交换两个变量的值

相信大家在PHP面试或者学习中经常会遇到这个问题就是“不用第三个变量来交换两个变量的值”,今天正对这个问题来讨论一下: 第一种方法:首先会想到的 这种方法简单可行,顺利的交换了两个变量的值. 第二种方法呢,稍加思考我们就会用到PHP中的函数来实现 第三种方法呢,我们来采用PHP中提供各种字符串分割函数来实现. 简单的题目不同的思想就会有不同的解法,期待更多的答案.