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
相关文章推荐
- 【JavaScript】列表元素上下左右移动:Select和Option的应用
- JavaScript Select和Option列表元素上下左右移动
- JavaScript Select和Option列表元素上下左右移动
- js: 实现Select的option上下移动
- js: 实现Select的option上下移动
- 【JavaScript】列表(Select)选项(Option)的移动(上下左右)
- JS实现Select的option上下移动的方法
- JS实现Select的option上下移动的方法
- 【JavaScript】列表(Select)选项(Option)的移动(上下左右)
- 【JavaScript】列表元素上下左右移动:Select和Option的应用
- 【JavaScript】列表(Select)选项(Option)的移动(上下左右)
- JQuery实现select互换数据和上下移动
- JavaScript实现select添加option
- JavaScript代码实现左右上下自动晃动自动移动
- 使用原生JavaScript实现对select增加option标签并附加value属性
- JavaScript实现可上下左右拉伸移动的DIV层
- 用javascript实现以个动画效果(可以上下左右的移动)
- 使用javascript操作多选列表框,实现动态增加删除,左右移动,上下排序移动等功能。