首页 > 其他 > 详细

左右列表内容交换传递

时间:2015-09-18 21:44:28      阅读:100      评论:0      收藏:0      [点我收藏+]

<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>

左右列表内容交换传递

原文:http://www.cnblogs.com/youtianxia/p/4820382.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!