本文实例讲述了射流研究…实现人才网站职位选择功能的方法。分享给大家供大家参考。具体如下:
这是一个比较实用的射流研究…列表框功能,像很多人才网站的职位选择功能一样,从左侧列表框选择后会添加至右侧列表框,还可以上下移动、增删内容,感觉非常有用的代码。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-job-type-select-cha-codes/
具体代码如下:
htmlheadtitle人才网站的职位选择功能代码/titlescriptfunction 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 } } }/script/head dyform ACTION=' METHoD=' POST ' table align=' center ' TRT输入类型=' text ' name=' list 1 ' value=' '/TDT输入类型=' button ' value='添加onclick='move(this.form.list1,this。形式。列表2)名称=' B1 ' br输入类型='按钮'值='删除onclick=' remove(this。形式。列表2)名称=' B2 ' brbr输入类型='按钮'值='上移onclick=' Moveup(这个。形式。列表2)名称=' B3 ' br输入类型='按钮'值='下移onclick=' Movedown(这个。形式。list 2)name=' B4 '/TDT选择多个size=7 name=' list 2 '选项值=' one ' ASP/选项值=' two ' PHP/选项值=' this ' ASP。net/option选项值=' this ' DELPHI/option选项值=' five ' VB/option选项值=' sive ' AJAX/option/select/TD/tr/table/form/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。