js 调整select 位置的函数
js 调整select 位置的函数
发布时间:2016-12-30 来源:查字典编辑
摘要://排序:向上移动functionUp()...{varsel=document.getElementById("selectCheck")...

//排序:向上移动

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<nIndex;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<nLen;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<nLen;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;

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类