select元素javascript常用操作

转载 2007年10月10日 16:41:00
东西很简单,只是自己记性不好,经常忘记一些关键字
所以发了点时间整理了一下
/*------------------------------------------------------
 *作者:xieyu @ 2007-08-14
 *语言:JavaScript
 *说明:select元素javascript常用操作
 * 1.判断是否存在指定value的Item
 * 2.加入一个Item
 * 3.删除值为value的所有Item
 * 4.删除某一个index的选项
 * 5.更新第index项的value和text
 * 6.设置select中指定text的第一个Item为选中
 * 7.设置select中指定value的第一个Item为选中
 * 8.得到当前选中项的value
 * 9.得到当前选中项的index
 *  10.得到当前选中项的text
 * 11.清空所有选项
-------------------------------------------------------*/
//1.判断是否存在指定value的Item
function ExistValue(obj,value){
    for(var i=0;i<obj.options.length;i++){
        if(obj.options[i].value == value){
            return true;
        }
    }     
    return false;
}
//2.加入一个Item
function AddItem(obj,text,value){
 var varItem = new Option(text,value);
 obj.options.add(varItem);
}
//3.删除值为value的所有Item
function RemoveItems(obj,value){
 for(var i=0;i<obj.options.length;i++){
  if(obj.options[i].value == ItemValue){
   obj.options.remove(i);
  }
 }       
}
//4.删除某一个index的选项
function RemoveItem(obj,index){
 obj.options.remove(index);
}

//5.更新第index项的value和text
function UpdateItem(obj,index,value,text){
 obj.options[index].value = value;
 obj.options[index].text = text;
}
       
//6.设置select中指定text的第一个Item为选中
function SelectItemByText(obj,text){   
    var isExit = false;
    for(var i=0;i<obj.options.length;i++){
        if(obj.options[i].text == text){
            obj.options[i].selected = true;
            return true;
        }
    }
 return false;
 
}
//7.设置select中指定value的第一个Item为选中
function SelectItemByValue(obj,value){   
    var isExit = false;
    for(var i=0;i<obj.options.length;i++){
        if(obj.options[i].value == value){
            obj.options[i].selected = true;
            return true;
        }
    }
 return false;
 
}
//8.得到当前选中项的value,index,text
function GetValue(obj){
 return obj.value; 
}
//9.得到当前选中项的index
function GetIndex(obj){
 return obj.selectedIndex; 
}
//10.得到当前选中项的text
function GetText(obj){
 return obj.options[obj.selectedIndex].text;
}
//11.清空所有选项
function Clear(obj){
 obj.options.length = 0; 

select元素javascript常用操作

*说明:select元素javascript常用操作  * 1.判断是否存在指定value的Item  * 2.加入一个Item  * 3.删除值为value的所有Item  * 4.删除某一...
  • qq416647781
  • qq416647781
  • 2013年05月16日 16:17
  • 625

javascript操作select元素一例

熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,...
  • mydo
  • mydo
  • 2015年03月26日 16:37
  • 622

JavaScript向select下拉框中添加和删除元素

JavaScript向select下拉框中添加和删除元素 1、说明 a   利用append()方法向下拉框中添加元素 b   利用remove()方法移除下拉框中最后一个元素 2、设计源码 ...
  • you23hai45
  • you23hai45
  • 2014年07月06日 23:26
  • 3052

JavaScript获取select元素下的每一个option

form.html
  • cckevincyh
  • cckevincyh
  • 2016年11月10日 16:35
  • 2004

html常用元素之表格元素

html常用元素之表格元素及其属性
  • yin_991
  • yin_991
  • 2017年10月25日 19:24
  • 149

javascript数组常用操作

js的数组和python的list一样可以存不同类型不同维度个数据,除了可以用下标查看修改数据外,还有几个方法: push():加到最后 pop(): 从最后取 shift(): 从开头取 unsh...
  • hk2291976
  • hk2291976
  • 2016年09月17日 11:36
  • 483

select元素+jQuery 级联操作

级联操作 var d = new Array(); d[0] = ["计算机科学与技术","网络工程","软件工程","自动化"]; d[1] = ["美术","音...
  • guduchina
  • guduchina
  • 2013年09月14日 14:38
  • 2383

select下拉框之JS/JQuery详细操作

一、js 操作select 下拉框   var selObj = 下拉框对象 1. 移除所有项: selObj.options.length = 0;   2. 移除下拉框中的一项: s...
  • dyllove98
  • dyllove98
  • 2013年04月30日 17:28
  • 12293

JQuery对象与DOM对象相互转换以及JS和JQyery获取<select>元素当前值的方法

JQuery Object and DOM Object option1 option2 option3 JQuery对象和DOM对象不能混肴,J...
  • haiyoung
  • haiyoung
  • 2017年05月29日 18:23
  • 825

JS操作DOM元素属性和方法

childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节...
  • cbjcry
  • cbjcry
  • 2017年04月13日 10:33
  • 1038
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:select元素javascript常用操作
举报原因:
原因补充:

(最多只允许输入30个字)