select元素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的Itemfunction ExistValue(obj,value){ for(var i=0;i<obj.options.length;i++){ if(obj.options.value == value){ return true; } } return false;}//2.加入一个Itemfunction AddItem(obj,text,value){ var varItem = new Option(text,value); obj.options.add(varItem);}//3.删除值为value的所有Itemfunction RemoveItems(obj,value){ for(var i=0;i<obj.options.length;i++){if(obj.options.value == value){ obj.remove(i);} } }//4.删除某一个index的选项function RemoveItem(obj,index){ obj.remove(index);}//5.更新第index项的value和textfunction UpdateItem(obj,index,value,text){ obj.options.value = value; obj.options.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.text == text){ obj.options.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.value == value){ obj.options.selected = true; return true; } } return false; }//8.得到当前选中项的value，index,textfunction GetValue(obj){ return obj.value; }//9.得到当前选中项的indexfunction GetIndex(obj){ return obj.selectedIndex; }//10.得到当前选中项的textfunction GetText(obj){ return obj.options.text;}//11.清空所有选项function Clear(obj){ obj.options.length = 0; }
页:
[1]