转载:(jQuery实现左移和右移)

<html>
<head>
<meta charset="utf-8">
<title>完成左移右移</title>
<script src="jquery.js"></script>
<style type="text/css">
    table{background-color:purple;}
    input{background-color:blue;}
</style>
<script language="javascript">
    $("document").ready(function(){
        $("#b1").click(function(){
            var v1=$("#k1").find("option:selected").text();
            if(v1!=null){
                $("#k2").append("<option value=‘‘>"+v1+"</option>");
                $("#k1 option:selected").remove()
            }
        });    

        $("#b2").click(function(){
            var v2=$("#k2").find("option:selected").text();
            if(v2!=null){
                $("#k1").append("<option value=‘‘>"+v2+"</option>");
                $("#k2 option:selected").remove();
            }
        });
    });
</script>
</head>
<body>
<form action="#" method="post">
<table>
    <tr>
        <td>
            <select id="k1" size="10" style="width:200px;">
                <option id="p1">柠檬学院</option>
                <option id="p2">柠檬学员</option>
                <option id="p3">柠檬人</option>
            </select>
        </td>
        <td>
            <input type="button" id="b1" value=">>"/>
            <input type="button" id="b2" value="<<"/>
        </td>
        <td>
            <select id="k2" size="10" style="width:200px;">
                <option>李哥</option>
            </select>
        </td>
    </tr>
</table>
</form>
</body>
</html>
</html>

<html>
<head>
<meta charset="utf-8">
<title>完成左移右移</title>
<script src="jquery.js"></script>
<style type="text/css">
    table{background-color:purple;}
    input{background-color:yellow;}
</style>
<script language="javascript">
    $(document).ready(function(){
        $("#b1").click(function(){
            $("#k2").append($("#k1 option:selected"));
        });

        $("#b2").click(function(){
            $("#k1").append($("#k2 option:selected"));
        });

        $("#b3").click(function(){
            $("#k2").append($("#k1 option"));
        });

        $("#b4").click(function(){
            $("#k1").append($("#k2 option"));
        });

        $("#add0").click(function(){
            var a=$("#add").val();
            $("#k1").append("<option value="+a+0+">"+a+"</option>");
            $("#add").val("");
        });
    });
</script>
</head>
<body>
<form action="#" method="post">
<table>
    <tr>
        <td>
            <select id="k1" size="10" style="width:200px;">
                <option value="Ning1" id="p1">柠檬学院</option>
                <option value="Ning2" id="p2">柠檬学员</option>
                <option value="Ning3" id="p3">柠檬人</option>
            </select>
        </td>
        <td>
            <input type="button" id="b1" value=">>"/>
            <input type="button" id="b3" value="==>>"/><br/>
            <input type="button" id="b2" value="<<"/>
            <input type="button" id="b4" value="<<=="/>

        </td>
        <td>
            <select id="k2" value="Ning4" size="10" style="width:200px;">
                <option>李哥</option>
            </select>
        </td>
    </tr>
</table>
</form>
内容:<input type="text" id="add"/>
      <input type="button" value="添加" id="add0"/>

</body>
</html>

时间: 2024-10-11 06:51:47

转载:(jQuery实现左移和右移)的相关文章

【转】C语言位运算符:与、或、异或、取反、左移与右移详细介绍

转载自:http://www.jb51.net/article/40559.htm,感谢原作者. 以下是对C语言中的位运算符:与.或.异或.取反.左移与右移进行了详细的分析介绍,需要的朋友可以过来参考下 位运算是指按二进制进行的运算.在系统软件中,常常需要处理二进制位的问题.C语言提供了6个位操作运算符.这些运算符只能用于整型操作数,即只能用于带符号或无符号的char,short,int与long类型. C语言提供的位运算符列表:运算符 含义 描述& 按位与 如果两个相应的二进制位都为1,则该位

[c语言]左移和右移

左移和右移都是位运算的概念.我们知道计算机是基于二进制保存数据的,因此左移和右移的概念十分重要.本文约定是32位的机器. [左移] 丢弃最高位,0补最低位 左移是把一个数按照二进制每位向左移动若干位,在c语言中用运算符 << 表示.例如: int x = 1; x = x << 2; //把x的值左移2位 1对应的二进制数为000……0001(前面一共31个0),左移2位之后变成000……0100,在十进制下为4.所以看起来左移n位相当于乘以2的n次方.(有符号数不完全适用,因为左

C语言位运算符:与、或、异或、取反、左移和右移

语言位运算符:与.或.异或.取反.左移和右移 位运算是指按二进制进行的运算.在系统软件中,常常需要处理二进制位的问题.C语言提供了6个位操作运算符.这些运算符只能用于整型操作数,即只能用于带符号或无符号的char,short,int与long类型. C语言提供的位运算符列表:运算符 含义 描述& 按位与 如果两个相应的二进制位都为1,则该位的结果值为1,否则为0| 按位或 两个相应的二进制位中只要有一个为1,该位的结果值为1^ 按位异或 若参加运算的两个二进制位值相同则为0,否则为1~ 取反 ~

转载jQuery图片放大插件[twiPicZoom]

转载http://xuzhihong1987.blog.163.com/blog/static/26731587201312821725913/ 功能说明: 双击查看大图,鼠标滚动放大缩小,能够切换到上一张和下一张,点击右上角关闭,兼容主流的浏览器. 截图效果: (例子一效果) (例子二效果:注,如果第一张的时候,左侧就不会显示前一张箭头,最后一张类似) 如何使用:(include) 1.样式 twiPicZoom.css 2.jQuery的类库,不一定要用1.8.3,其他的版本也行. 3.鼠标

java 左移和右移

今天搜到一个比较好用的在线编译器,希望和大家分享. 除了java还有c++....,地址是http://www.tutorialspoint.com/compile_java_online.php 另外今天再次复习了java左移和右移,这里针对负数举个例子: 正数和负数在java中是以补码的形式表示 例如-2 在计算机中表示为 11111111 11111111 11111111 11111110 1.左移 -2<<2 即-2左移2位的结果是:11111111 11111111 1111111

Java负整数的左移、右移、无符号右移

转自  Java负整数的左移.右移.无符号右移 Java负整数的左移.右移.无符号右移.正数的位移没有涉及到符号,而且正数的原码.反码.补码都是一样的,所以相对简单,但是对于负整数的位移,往往容易混淆. Java的<<  >>   >>> 都是针对补码来进行的,因为Java只存储补码. 例如对整数-3进行<<  >> >>>运算做说明. 整数-3的二进制 原码为 10000000 00000000 00000000 000

jQuery实现左移右移

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>完成左移右移</title> 5 <script src="jquery.js"></script> 6 <style type="text/css"> 7 table{background-color:purple;} 8 input{backgr

关于位运算中左移和右移运算的问题

根据我之前的学习知识, <<   和   >>  运算的规则如下: <<:左移运算:就是把当前这个二进制数向左移动多少位,低位空出的补零.高位移出的舍弃 >>:右移运算:就是把当前这个二进制数向右移动多少位,高位空出的来,原来最高位是什么,就补什么,低位移除的舍弃. 看下面的问题: public class Demo { public static void main(String[] args) { int a = 123; int b = a >&

汇编总结:左移,右移指令

左移指令和右称指令的种类及作用: 左移指令作用:左移指令将操作数的bit位向左移动n位,空出来的位用0填充. 左移指令包含sal和shl,这两条指令的作用是相同的,空出来的位用0填充. 其中左移sal的指令用法: .section .text .global _start _start:     movb $0b11111111, %al  #8字节     salb $3, %al      movw $0b11111111, %ax  #16字节     salw $3, %ax