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

【腾讯云】多款云产品1折起,买云服务器送免费机器,最长免费续3个月      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2022年 中秋节 30
2022年 国庆节 51
2023年 元 旦 143
2023年 春 节 164
 
本类新增
本类热门文章
您现在的位置:首页 >> 脚本程序 >> 内容
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>

上一篇:下拉列表框数据的增加、删除、上下排序的J 下一篇:JavaScript实现滑块验证案例
发布日期:2022/1/10
手机扫二维码直达本页
发布时间:14:59:27
点击:8
录入:齐天大圣
相关文章
Baidu

YiJiaCMS 6.3.1.220701(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护
Copyright©2000-2022