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

【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年74元      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2022年 情人节 18
2022年 元宵节 19
2023年 元 旦 339
2022年 春 节 5
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    下拉列表框数据的增加、删除、上下排序的JavaScript
    内容摘要: title下拉列表数据上下排序/titleSCRIPTLANGUAGE='JavaScript'!--Beginfunctionmove(fbox,tbox){vari=0;if(fbox.value!=''){varno=newOption();no.value=fbox.value;no.text=fbox.value;tbox.options[tbox......
    <title>下拉列表数据上下排序</title>

    <SCRIPTLANGUAGE="JavaScript">

    <!--Begin

    functionmove(fbox,tbox){

    vari=0;

    if(fbox.value!=""){

    varno=newOption();

    no.value=fbox.value;

    no.text=fbox.value;

    tbox.options[tbox.options.length]=no;

    fbox.value="";

    }

    }

    functionremove(box){

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

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

    box.options[i].value="";

    box.options[i].text="";

    }

    }

    BumpUp(box);

    }

    functionBumpUp(abox){

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

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

    for(varj=i;j<abox.options.length-1;j++){

    abox.options[j].value=abox.options[j+1].value;

    abox.options[j].text=abox.options[j+1].text;

    }

    varln=i;

    break;

    }

    }

    if(ln<abox.options.length){

    abox.options.length-=1;

    BumpUp(abox);

    }

    }

    functionMoveup(dbox){

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

    if(dbox.options[i].selected&&dbox.options[i]!=""&&dbox.options[i]!=dbox.options[0]){

    vartmpval=dbox.options[i].value;

    vartmpval2=dbox.options[i].text;

    dbox.options[i].value=dbox.options[i-1].value;

    dbox.options[i].text=dbox.options[i-1].text

    dbox.options[i-1].value=tmpval;

    dbox.options[i-1].text=tmpval2;

    }

    }

    }

    functionMovedown(ebox){

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

    if(ebox.options[i].selected&&ebox.options[i]!=""&&ebox.options[i+1]!=ebox.options[ebox.options.length]){

    vartmpval=ebox.options[i].value;

    vartmpval2=ebox.options[i].text;

    ebox.options[i].value=ebox.options[i+1].value;

    ebox.options[i].text=ebox.options[i+1].text

    ebox.options[i+1].value=tmpval;

    ebox.options[i+1].text=tmpval2;

    }

    }

    }

    //End-->

    </script>

    <formACTION=""METHOD="POST">

    <table>

    <tr>

    <td>

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

    <inputtype="button"value="删除"onclick="remove(this.form.list2)"name="B2"><br>

    <inputtype="button"value="向上"onclick="Moveup(this.form.list2)"name="B3"><br>

    <inputtype="button"value="向下"onclick="Movedown(this.form.list2)"name="B4">

    </td>

    <td>

    <selectmultiplesize=7name="list2">

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

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

    <optionvalue="three">ASP.NET</option>

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

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

    </select>

    </td>

    </tr>

    <tr>

    <td>

    <inputtype="text"name="list1"value="">

    </td></tr>

    </table>

    </form>

    上一篇:JavaScript常用表单判断实例代码 下一篇:Select列表左右内容交换的JS代码,支持同时多选
    发布日期:2022/1/10
    手机扫二维码直达本页
    发布时间:14:58:19
    点击:190
    录入:齐天大圣
    相关文章
    Baidu
    YiJiaCMS 6.1.0.10988 Build 21.12.28(MSSQL) 闽ICP备05000814号-1
    本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护

    Copyright©2000-2022