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下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...
Javascript操作Select和Option 一个网页 挺全的
javascript 获取select ->option中id、value、label属性及<option></option>中内容
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
本人写的一个html页面,用js实现从数组读数据自动生成select控件
主要介绍了JS实现Select的option上下移动的方法,涉及JavaScript动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
select option 自定义图片的js 、css 以及代码展示,javaScript ;
脚本自动生成DIV层对象,通过改变位置移动层,通过overflow对超出层进行隐藏。
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
支持一次选中多项在左右列表中来回移动
JavaScript实现select功能代码
javascript:javaScript+html实现表格上下移动.zip
使用JavaScript模拟select
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
主要介绍了JS实现的表格行上下移动操作,涉及javascript针对页面元素节点与属性的相关操作技巧,需要的朋友可以参考下