
手写getSelectItem、getSelectItemIndex方法
function setToFirst(list){
var obj=getSelectItem(list);
var index=getSelectItemIndex(list);
if(index==0){return;}
list.add(new Option(obj.innerText,obj.value),0);
list.remove(list.length-1);
list.selectedIndex=0;
}
function setToLast(list){
var obj=getSelectItem(list);
var index=getSelectItemIndex(list);
if(index==list.length-1){return;}
list.add(new Option(obj.innerText,obj.value),list.length);
list.remove(getSelectItemIndex(list));
list.selectedIndex=list.length-1;
}
function setToUp(list){
var index=getSelectItemIndex(list);
var obj=getSelectItem(list);
if(index>0){
list.add(new Option(obj.innerText,obj.value),index-1);
list.remove(index+1);
list.selectedIndex=index-1;
}
}
function setToDown(list){
var index=getSelectItemIndex(list);
var obj=getSelectItem(list);
if(index<list.length-1){
list.add(new Option(obj.innerText,obj.value),index+2);
list.remove(index);
list.selectedIndex=index+1;
}
}
其实实现这些使用jQuery是相当简单的,以前自己会写这么去写
本文介绍了一种不依赖于jQuery的手动实现下拉列表元素的移动操作,包括将选中项移动到列表首位、末位、上移及下移的功能。通过原生JavaScript实现这些功能,有助于理解DOM操作的基本原理。
2070

被折叠的 条评论
为什么被折叠?



