您正在使用IPV4(54.161.98.96)访问本站 您本次共访问本站 1 次
 用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年74元      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2022年 情人节 18
2022年 元宵节 19
2023年 元 旦 339
2022年 春 节 5
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    Select列表左右内容交换的JS代码,支持同时多选
    内容摘要: htmlheadmetahttp-equiv='Content-Type'content='text/html;charset=gb2312'titleSelect列表左右交换内容的JS/titleSCRIPTLANGUAGE='JavaScript'!--Beginsortitems=1;functionmove(fbox,tbox){for(vari=0......
    <html>

    <head>

    <metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

    <title>Select列表左右交换内容的JS</title>

    <SCRIPTLANGUAGE="JavaScript">

    <!--Begin

    sortitems=1;

    functionmove(fbox,tbox){

    for(vari=0;i<fbox.options.length;i++){

    if(fbox.options[i].selected&&fbox.options[i].value!=""){

    varno=newOption();

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

    }

    functionBumpUp(box){

    for(vari=0;i<box.options.length;i++){

    if(box.options[i].value==""){

    for(varj=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;

    }

    varln=i;

    break;

    }

    }

    if(ln<box.options.length){

    box.options.length-=1;

    BumpUp(box);

    }

    }

    functionSortD(box){

    vartemp_opts=newArray();

    vartemp=newObject();

    for(vari=0;i<box.options.length;i++){

    temp_opts[i]=box.options[i];

    }

    for(varx=0;x<temp_opts.length-1;x++){

    for(vary=(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(vari=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>

    <formACTION=""METHOD="POST">

    <tableborder="0">

    <tr>

    <td><selectmultiplesize="5"name="list1">

    <optionvalue="ASP">ASP</option>

    <optionvalue="PHP">PHP</option>

    <optionvalue="JSP">JSP</option>

    </select></td>

    <td>

    <inputtype="button"value=">>"onclick="move(this.form.list1,this.form.list2)"name="B1">

    <inputtype="button"value="<<"onclick="move(this.form.list2,this.form.list1)"name="B2">

    </td>

    <td><selectmultiplesize="5"name="list2">

    <optionvalue="JAVA">JAVA</option>

    <optionvalue="DELPHI">DELPHI</option>

    <optionvalue="C++">C++</option>

    </select></td>

    </tr>

    </table>

    </form>

    <p>可以同时多个左右移动</p>

    </body>

    </html>

    上一篇:下拉列表框数据的增加、删除、上下排序的JavaScr 下一篇:JavaScript实现滑块验证案例
    发布日期:2022/1/10
    手机扫二维码直达本页
    发布时间:14:59:27
    点击:160
    录入:齐天大圣
    相关文章
    Baidu
    YiJiaCMS 6.1.0.10988 Build 21.12.28(MSSQL) 闽ICP备05000814号-1
    本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护

    Copyright©2000-2022