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;
}

---------------------
javascript 操作 select 分类:JAVASCRIPT2007.3.28 00:58 作者：比比 | 评论：0

| 阅读：1424


function checkSelectByValue(selObj,value,bSelected){
if (bSelected == undefined || bSelected =="")
{
  bSelected = true;
}
for (var i =0; i< selObj.options.length ; i++)
{
  if (selObj.options[i].value==value)
  {
   selObj.options[i].selected = bSelected;
   break;
  }
}

}

function checkSelectByText(selObj,text,bSelected){
if (bSelected == undefined || bSelected =="")
{
  bSelected = true;
}
for (var i =0; i< selObj.options.length ; i++)
{
  if (selObj.options[i].text==text)
  {
   selObj.options[i].selected = bSelected;
   break;
  }
}

}





11 检测是否有选中
2if(objSelect.selectedIndex > -1) {
3//说明选中
4} else {
5//说明没有选中
6}
7
82 删除被选中的项
9objSelect.options[objSelect.selectedIndex] = null;
10
113 增加项
12objSelect.options[objSelect.length] = new Option("你好","hello");
13
144 修改所选择中的项
15objSelect.options[objSelect.selectedIndex] = new Option("你好","hello");
16
175 得到所选择项的文本
18objSelect.options[objSelect.selectedIndex].text;
19
206 得到所选择项的值
21objSelect.options[objSelect.selectedIndex].value;



本文来自CSDN博客，转载请标明出处：

http://blog.csdn.net/Donny_zhang/archive/2008/10/16/3085232.aspx