左右列表内容交换传递

<html>
    <head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>飞歌导航官网|---左右列表内容交换传递</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    sortitems = 1;  // Automatically sort items within lists? (1 or 0)
    function move(fbox,tbox) {
    for(var i=0; i<fbox.options.length; i++) {
    if(fbox.options[i].selected && fbox.options[i].value != "") {
    var no = new Option();
    no.value = fbox.options[i].value;
    no.text = fbox.options[i].text;
    tbox.options[tbox.options.length] = no;
    fbox.options[i].value = "";
    fbox.options[i].text = "";
    }
    }
    BumpUp(fbox);
    if (sortitems) SortD(tbox);
    }
    function BumpUp(box)  {
    for(var i=0; i<box.options.length; i++) {
    if(box.options[i].value == "")  {
    for(var j=i; j<box.options.length-1; j++)  {
    box.options[j].value = box.options[j+1].value;
    box.options[j].text = box.options[j+1].text;
    }
    var ln = i;
    break;
    }
    }
    if(ln < box.options.length)  {
    box.options.length -= 1;
    BumpUp(box);
    }
    }
    function SortD(box)  {
    var temp_opts = new Array();
    var temp = new Object();
    for(var i=0; i<box.options.length; i++)  {
    temp_opts[i] = box.options[i];
    }
    for(var x=0; x<temp_opts.length-1; x++)  {
    for(var y=(x+1); y<temp_opts.length; y++)  {
    if(temp_opts[x].text > temp_opts[y].text)  {
    temp = temp_opts[x].text;
    temp_opts[x].text = temp_opts[y].text;
    temp_opts[y].text = temp;
    temp = temp_opts[x].value;
    temp_opts[x].value = temp_opts[y].value;
    temp_opts[y].value = temp;
    }
    }
    }
    for(var i=0; i<box.options.length; i++)  {
    box.options[i].value = temp_opts[i].value;
    box.options[i].text = temp_opts[i].text;
    }
    }
    // End -->
    </script>
    </head>
    <body>
    <form ACTION="" METHOD="POST">
    <table border="0">
    <tr>
    <td><select multiple size="5" name="list1">
    <option value="11"> item 1.1 </option>
    <option value="12"> item 1.2 </option>
    <option value="13"> item 1.3 </option>
    <option value="站长：csr04">站长：csr04</option>
    </select></td>
    <td>
    <input type="button" value=" >> " onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
    <input type="button" value=" << " onclick="move(this.form.list2,this.form.list1)" name="B2">
    </td>
    <td><select multiple size="5" name="list2">
    <option value="21"> item 2.1 </option>
    <option value="22"> item 2.2 </option>
    <option value="23"> item 2.3 </option>
    <option value="飞歌导航">飞歌导航官网</option>
    </select></td>
    </tr>
    </table>
    </form>
    <p>可以同时选择好几个项目左右移动</p>
    <br><br><hr><p align="center"><font color=black>本特效由 <a href="http://www.dner123.com" target="_blank">飞歌导航官网</a>丨dner123.com 收集于互联网，只为兴趣与学习交流，不作商业用途。</font></p>
    </body>
    </html>

时间： 2024-10-05 19:28:32

左右列表内容交换传递的相关文章

AngularJs学习——实现列表内容项的增加删除

效果截图: 说明:引入bootstrap.min.css样式库和angular.min.js的静态资源库,实现列表内容的增加和删除操作. AngularJS代码: <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> angular.module('myapp',[]) .controller('myctrl',funct

两个整形变量的内容交换（初）

两个整形变量的内容交换(初) #include<stdio.h> int main() { int a; int b; int tem; tem=a; a=b; b=tem; printf("a=%d",a); printf("b=%d",b); return 0; }

【Android 我的博客APP】1.抓取博客首页文章列表内容——网页数据抓取

打算做个自己在博客园的博客APP,首先要能访问首页获取数据获取首页的文章列表,第一步抓取博客首页文章列表内容的功能已实现,在小米2S上的效果图如下: 思路是:通过编写的工具类访问网页,获取页面源代码,通过正则表达式得到匹配的数据进行处理显示到ListView上 简单说明下要点:1. 使用Apache HttpClient库实现GET请求.2. 异步请求处理.3. 正则表达式抓取自己需要的数据. 使用Apache HttpClient库实现GET请求. 使用Apache只需简单三步 HttpCli

jQuery_review之jQuery实现左右多选内容交换

在HTML中,通过Select设置multiple="multiple"设置当前的框为多选框,也就意味着可以同时选择多个内容.在我们的系统中经常可以看到左右两侧的选择,甚至在腾讯的应用中,都有很多类似的功能实现.这种功能是非常实用的,就可以将它封装为一个标签,然后设置两个LIST进行内容的互换,这些对于项目组的快速开发是非常有帮助的,因为JSP的功能就是在于丰富的可以扩展的标签,难道不是么? 在这个小的复习里面,一个简单的要注意的点就是,对于下拉选单的内容的筛选,是通过:selecte

新手学python疑惑（一）—— 列表内容的复制

疑惑在于 <python 程序设计(第2版) 董付国 清华大学出版社>第46页 原文是: [列表推导式] >>>freshfruit=['banana', 'loganberry', 'passion fruit'] >>>aList=[w.strip() for w in freshfruit] 等价于下面的代码: >>>freshfruit=['banana', 'loganberry', 'passion fruit'] >&g

列表内容自动向上滚动（原生JS）

效果展示 (鼠标移入,滚动停止:鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div.因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul.如下图:    (红色边框为可视区域div,此处为了方便查看效果去除overflow:hidden:) 2. 样式方面:由于要滚动,所以必须2个ul的高度 > 外层可视div高度,且div必须设置overflow:hidden; 代码实现 HTML: 1 <div id="rev

帝国cms 列表内容模板两种样式切换遍历

if($no%2 != 0) { $lstemp='<li> <div class="case-l fl fadeInDown wow"> <img src="'.$r[titlepic].'"> </div> <div class="case-r fr fadeInUp wow" data-wow-delay="0.5s"> <div class="

Android开发 ExpandableListView 列表内容下拉View详解

前言 在需要实现一个List的item需要包含列表的时候,我们就可以选择ExpandableListView. 其实这个View的原始设计还是ListView的那套.就是增加2层的ListView而已.所以在写它的适配器与ListView的适配器挺相似的,所以会有一个通病就是没有Item的View的复用机制请一定要注意这点,在实现使用的时候需要写Item的View的复用,减少内存与增加性能. 一个简单的Demo 老规矩,先来一个最简单的demo来了解下最基本的使用方法.注意!这个demo是没有在

四种方法实现两个等大数组之间内容交换

方法一: //该方法主要用逻辑运算将数组对应的每个元素进行交换,然后用for循环将整个数组元素进行交换#include<stdio.h>int main(){ int i,j,k;  int A[10];  int B[10];  int C[10];printf("请输入A数组的内容:\n");  for(i=0;i<10;i++){scanf("%d",&A[i]);}printf("请输入B数组的内容:\n");