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