Js获取下拉菜单的值示例,Js前端全文搜索示例,外加js操作select下拉菜单大全

jackxiang 2011-6-7 23:37 | |
Js获取下拉菜单的值示例:



Js前端全文搜索示例:


js操作select下拉菜单大全:
判断select选项中是否存在Value="paraValue"的Item 2向select选项中加入一个Item 3从select选项中删除一个Item 4删除select中选中的项 5修改select选项中value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select 1判断select选项中 是否存在Value="paraValue"的Item  
2向select选项中 加入一个Item  
3从select选项中 删除一个Item  
4删除select中选中的项  
5修改select选项中 value="paraValue"的text为"paraText"  
6设置select中text="paraText"的第一个Item为选中  
7设置select中value="paraValue"的Item为选中  
8得到select的当前选中项的value  
9得到select的当前选中项的text  
10得到select的当前选中项的Index  
11清空select的项    www.jackxiang.com


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;          copyright jackxiang.com
         }          
     }          
     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)) {          数据大全,www.jackxiang.com
         for (var i = 0; i < objSelect.options.length; i++) {          
             if (objSelect.options[i].value == objItemValue) {          
                 objSelect.options.remove(i);          
                 break;          
             }          
         }          
         alert("成功删除");          数据大全,www.jackxiang.com
     } 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;      www.jackxiang.com
         }      
     }      
}        
    
// 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) {          www.jackxiang.com
                 objSelect.options[i].text = objItemText;          
                 break;          
             }          
         }          
         alert("成功修改");          
     } else {          
         alert("该select中 不存在该项");          
     }          数据大全,www.jackxiang.com
}          
    
// 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;          
copyright jackxiang.com


             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;      www.jackxiang.com
        
// 11.清空select的项      
document.all.objSelect.options.length = 0;    www.jackxiang.com

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/4352/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]