您的位置:首页 > Web前端 > JavaScript

javascript实现select中option的顺序上下移动

2012-09-05 16:06 573 查看
function sortUp(obj)//向上移动
{
var targetOptions=document.getElementById(obj);//提取操作的对象集合,也就是需要操作的select
if(targetOptions!=undefined)
{
var length=targetOptions.options.length;
if(length>0){

for(index=0;index<length;index++)
{
if(targetOptions.options[index].selected)
{
if(index!=0)
{
var targetArr=targetOptions.options;//得到当前可操作项的数组

var option=new Option();
option.id=targetOptions.options[index-1].id;
option.name=targetOptions.options[index-1].name;
option.value=targetOptions.options[index-1].value;
option.text=targetOptions.options[index-1].text;

targetOptions.options[index-1].id=targetOptions.options[index].id;
targetOptions.options[index-1].name=targetOptions.options[index].name;
targetOptions.options[index-1].value=targetOptions.options[index].value;
targetOptions.options[index-1].text=targetOptions.options[index].text;

targetOptions.options[index]=option;

targetOptions.options[index-1].selected=true;

//connectID();connectText();
}
}
}
}else{
alert("请先添加项!");
}
}else{
alert("请先添加项!");
}
}

function sortDown(obj){//向下移动
var targetOptions=document.getElementById(obj);//提取操作的对象集合,也就是需要操作的select
if(targetOptions!=undefined){

var length=targetOptions.options.length;

if(length>0){
for(index=0;index<length;index++)
{
if(targetOptions.options[index].selected)
{
if(index!=length-1)
{
var targetArr=targetOptions.options;//得到当前可操作项的数组

var option=new Option();
option.id=targetOptions.options[index+1].id;
option.name=targetOptions.options[index+1].name;
option.value=targetOptions.options[index+1].value;
option.text=targetOptions.options[index+1].text;
//option=targetOptions.options[index+1];

targetOptions.options[index+1].id=targetOptions.options[index].id;
targetOptions.options[index+1].name=targetOptions.options[index].name;
targetOptions.options[index+1].value=targetOptions.options[index].value;
targetOptions.options[index+1].text=targetOptions.options[index].text;
targetOptions.options[index]=option;
targetOptions.options[index+1].selected=true;
break;
}
}
}

}else{
alert("请先添加项!");
}

}else{
alert("请先添加项!");
}
}


来自:http://blog.csdn.net/duxingke001/article/details/6325436
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: