手写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是相当简单的,以前自己会写这么去写
- 大小: 14.1 KB
分享到:
相关推荐
我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...
javascript:javaScript+html实现表格上下移动.zip
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
JavaScript操作select JavaScript操作table
html最全的js javascript操作select 下拉框
javascript 操作表单select的常用步骤,删除,添加,修改 用代码实现,一看就明白理解用法
主要介绍了用JavaScript来美化HTML的select标签的下拉列表效果的方法,而且在多浏览器下的兼容效果也得到提升,需要的朋友可以参考下
JavaScript Json Create、Select、Delete、Update
脚本自动生成DIV层对象,通过改变位置移动层,通过overflow对超出层进行隐藏。
一个完美教程。。。Javascript操作XML和HTML,Javascript操作XML和HTML,Javascript操作XML和HTML
里面提供 并解决所有获得select下拉框里面的值 很有帮助
主要介绍了JS实现的表格行上下移动操作,涉及javascript针对页面元素节点与属性的相关操作技巧,需要的朋友可以参考下
Javascript操作Select和Option 一个网页 挺全的
NULL 博文链接:https://jsjxqjy.iteye.com/blog/435032
使用JavaScript模拟select
select元素javascript常用操作,实用!
NULL 博文链接:https://zhouhaitao.iteye.com/blog/1154530
如资源名,使用JAVASCRIPT动态创建一个Select元素和text元素
JavaScript对Select的操作