欢迎来到福编程网,本站提供各种互联网专业知识!

js 调整select 位置的函数

发布时间:2008-02-21 作者: 来源:转载
js调整select位置的函数,向上移动,向下移动,移动到最上,移动到最后这里把项目中写过的几个js函数来给大家分享,功能是通过js来实现对select中的option的位置进行移动,代码如下
//排序:向上移动
functionUp()
...{
varsel=document.getElementById("selectCheck");//获取select
varnIndex=sel.selectedIndex;//需要进行操作的select项的索引
varnLen=sel.length;//select总共项目数
if((nLen<1)||(nIndex==0))return;
if(nIndex<0)
...{
alert("请选择一个要移动的已选按钮!");
return;
}
varsValue=sel.options[nIndex].value;
varsHTML=sel.options[nIndex].innerHTML;
sel.options[nIndex].value=sel.options[nIndex-1].value;
sel.options[nIndex].innerHTML=sel.options[nIndex-1].innerHTML;
sel.options[nIndex-1].value=sValue;
sel.options[nIndex-1].innerHTML=sHTML;
sel.selectedIndex=nIndex-1;
}
//排序:向下移动
functionDown()
...{
varsel=document.getElementById("selectCheck");
varnIndex=sel.selectedIndex;
varnLen=sel.length;
if((nLen<1)||(nIndex==nLen-1))return;
if(nIndex<0)
...{
alert("请选择一个要移动的已选按钮!");
return;
}
varsValue=sel.options[nIndex].value;
varsHTML=sel.options[nIndex].innerHTML;
sel.options[nIndex].value=sel.options[nIndex+1].value;
sel.options[nIndex].innerHTML=sel.options[nIndex+1].innerHTML;
sel.options[nIndex+1].value=sValue;
sel.options[nIndex+1].innerHTML=sHTML;
sel.selectedIndex=nIndex+1;
}
//移动到最上
functionUpFirst()
...{
varsel=document.getElementById("selectCheck");
varnIndex=sel.selectedIndex;
varnLen=sel.options.length;
if((nLen<1)||(nIndex==0))return;

if(nIndex<0)
...{
alert("请选择一个要移动的已选按钮!");
return;
}
vartempValue=document.getElementById("tempValue");//用于临时存放option的值
tempValue.value="";
for(vark=0;k...{
tempValue.value+=sel.options[k].value+";";
}
vararrValue=tempValue.value.split(';');
varsValue=sel.options[nIndex].value;
varsHTML=sel.options[nIndex].innerHTML;
sel.options[0].value=sValue;
sel.options[0].innerHTML=sHTML;

for(varj=1;j<=nIndex;j++)
...{
sel.options[j].value=arrValue[j-1];
sel.options[j].innerHTML=arrValue[j-1];
}
sel.selectedIndex=0;
}
//移动到最后
functionDownLast()
...{
varsel=document.getElementById("selectCheck");
varnIndex=sel.selectedIndex;
varnLen=sel.options.length;
if((nLen<1)||(nIndex==nLen))return;

if(nIndex<0)
...{
alert("请选择一个要移动的已选按钮!");
return;
}
vartempValue=document.getElementById("tempValue");//用于临时存放option的值
tempValue.value="";
for(vark=nIndex+1;k...{
tempValue.value+=sel.options[k].text+";";
}
vararrValue=tempValue.value.split(';');
varsValue=sel.options[nIndex].value;
varsHTML=sel.options[nIndex].innerHTML;


for(varj=nIndex;j...{
sel.options[j].value=arrValue[j-nIndex];
sel.options[j].innerHTML=arrValue[j-nIndex];
}

sel.options[nLen-1].value=sValue;
sel.options[nLen-1].innerHTML=sHTML;
sel.selectedIndex=nLen-1;
}

相关推荐