宝哥软件园

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

本文实例讲述了Java脚本语言实现下拉列表框数据增加、删除、上下排序的方法。分享给大家供大家参考。具体如下:

这里实现在一个支持多选的下拉列表框内进行数据项的添加、删除、向上、向下移动操作,我们在一些人才网站或是编程技术站经常会看到这种功能,比较实用。

运行效果截图如下:

具体代码如下:

标题下拉列表数据上下排序/title脚本语言=' JAVAScript '!- Beginfunction move(fbox,tbox){ var I=0;if(fbox.value!=' '){ var no=new Option();没有。value=fbox。价值;没有。text=fbox。价值;tbox。选项[tbox。选项。长度]=否;fbox.value=} }函数移除(框){ for(var I=0;ibox。选项。长度;i ) {if(box.options[i]).选中的框。选项[i]!='') {box.options[i].值=' ';box.options[i].text=} } BumpUp(框);}函数bumpu(abox){ for(var I=0;我讨厌。选项。长度;i ) {if(abox.options[i]).value==' '){ for(var j=I;j abox。选项。长度-1;j ) {abox.options[j].value=abox.options[j 1].价值;abox.options[j].text=abox.options[j 1].文本;} var ln=I;打破;} } if(in abox。选项。长度){ abox。选项。长度-=1;bumpu(abox);} }函数move up(dbox){ for(var I=0;我是dbox。选项。长度;i ) {if (dbox.options[i]).已选择dbox.options[i]!=' dbox。选项[I]!=dbox。options[0]){ var tmpval=dbox。选项[一].价值;var tmpval2=dbox.options[i].文本;dbox.options[i].value=dbox.options[i - 1].价值;dbox.options[i].text=dbox。选项[I-1]。文本dbox。选项[I-1].value=tmpvaldbox.options[i-1].text=tmpval2} } }函数move down(ebox){ for(var I=0;我喜欢电子书。选项。长度;i ) {if (ebox.options[i]).选定的ebox.options[i]!=' ebox。选项[I 1]!=ebox。选项[ebox。选项。length]){ var tmp val=ebox。选项[一].价值;var tmpval2=ebox.options[i].文本;ebox.options[i].value=ebox.options[i 1].价值;ebox.options[i].文本=ebox。选项[I 1]。文本电子书。选项[一1].value=tmpvalebox.options[i 1].text=tmpval 2 } }//End-/script form ACTION=' METHOD=' POST ' tablertdinput type=' button ' value='增加onclick='move(this.form.list1,this。形式。列表2)名称=' B1 ' br输入类型='按钮'值='删除onclick=' remove(this。形式。列表2)名称=' B2 ' br输入类型='按钮'值='向上onclick=' Moveup(这个。形式。列表2)名称=' B3 ' br输入类型='按钮'值='向下onclick=' Movedown(这个。形式。列表2)名称=' B4 '/TDT选择多个大小=7名称='列表2 '选项值='一' ASP/选项值='二' PHP/选项值='三' ASP。net/option选项值='四' JAVA/option选项值='五' DELPHI/option/select/TD/TRT输入类型=' text ' name=' list 1 '值=' '/TD/tr/table/form希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+