tinguo002

 

js 操作selecct 总结

转载:http://www.cnblogs.com/Herist/archive/2007/09/24/903890.html

判断select选项中 是否存在Value
="paraValue"的Item
向select选项中 加入一个Item
从select选项中 删除一个Item
删除select中选中的项
修改select选项中 value
="paraValue"的text为"paraText"
设置select中text
="paraText"的第一个Item为选中
设置select中value
="paraValue"的Item为选中
得到select的当前选中项的value
得到select的当前选中项的text
得到select的当前选中项的Index
清空select的项
js 代码
// 1.判断select选项中 是否存在Value="paraValue"的Item       
function jsSelectIsExitItem(objSelect, objItemValue) {       
   
var isExit = false;       
   
for (var i = 0; i < objSelect.options.length; i++) {       
       
if (objSelect.options[i].value == objItemValue) {       
            isExit
= true;       
           
break;       
        }
       
    }
       
   
return isExit;       
}
        
  
// 2.向select选项中 加入一个Item       
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {       
   
//判断是否存在       
    if (jsSelectIsExitItem(objSelect, objItemValue)) {       
        alert(
"该Item的Value值已经存在");       
    }
else {       
       
var varItem = new Option(objItemText, objItemValue);     
        objSelect.options.add(varItem);    
        alert(
"成功加入");    
    }
       
}
       
  
// 3.从select选项中 删除一个Item       
function jsRemoveItemFromSelect(objSelect, objItemValue) {       
   
//判断是否存在       
    if (jsSelectIsExitItem(objSelect, objItemValue)) {       
       
for (var i = 0; i < objSelect.options.length; i++) {       
           
if (objSelect.options[i].value == objItemValue) {       
                objSelect.options.remove(i);       
               
break;       
            }
       
        }
       
        alert(
"成功删除");       
    }
else {       
        alert(
"该select中 不存在该项");       
    }
       
}
   
  
  
// 4.删除select中选中的项   
function jsRemoveSelectedItemFromSelect(objSelect) {       
   
var length = objSelect.options.length - 1;   
   
for(var i = length; i >= 0; i--){   
       
if(objSelect[i].selected == true){   
            objSelect.options[i]
= null;   
        }
   
    }
   
}
     
  
// 5.修改select选项中 value="paraValue"的text为"paraText"       
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {       
   
//判断是否存在       
    if (jsSelectIsExitItem(objSelect, objItemValue)) {       
       
for (var i = 0; i < objSelect.options.length; i++) {       
           
if (objSelect.options[i].value == objItemValue) {       
                objSelect.options[i].text
= objItemText;       
               
break;       
            }
       
        }
       
        alert(
"成功修改");       
    }
else {       
        alert(
"该select中 不存在该项");       
    }
       
}
       
  
// 6.设置select中text="paraText"的第一个Item为选中       
function jsSelectItemByValue(objSelect, objItemText) {           
   
//判断是否存在       
    var isExit = false;       
   
for (var i = 0; i < objSelect.options.length; i++) {       
       
if (objSelect.options[i].text == objItemText) {       
            objSelect.options[i].selected
= true;       
            isExit
= true;       
           
break;       
        }
       
    }
             
   
//Show出结果       
    if (isExit) {       
        alert(
"成功选中");       
    }
else {       
        alert(
"该select中 不存在该项");       
    }
       
}
       
  
// 7.设置select中value="paraValue"的Item为选中   
document.all.objSelect.value = objItemValue;   
      
// 8.得到select的当前选中项的value   
var currSelectValue = document.all.objSelect.value;   
      
// 9.得到select的当前选中项的text   
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
      
// 10.得到select的当前选中项的Index   
var currSelectIndex = document.all.objSelect.selectedIndex;   



      
// 11.清空select的项   
document.all.objSelect.options.length = 0

欢迎大家访问我的个人网站 萌萌的IT人

posted on 2013-03-19 16:51 一堣而安 阅读(277) 评论(0)  编辑  收藏 所属分类: js_css


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(1)

随笔分类

随笔档案

收藏夹

搜索

最新评论

阅读排行榜

评论排行榜