<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的漫漫程序之旅

    專注于JavaWeb開發(fā)
    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    數(shù)據(jù)加載中……

    Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)

    /**1判斷select選項中 是否存在Value="paraValue"的Item    
     2向select選項中 加入一個Item    
     3從select選項中 刪除一個Item    
     4刪除select中選中的項    
     5修改select選項中 value="paraValue"的text為"paraText"    
     6設(shè)置select中text="paraText"的第一個Item為選中    
     7設(shè)置select中value="paraValue"的Item為選中    
     8得到select的當(dāng)前選中項的value    
     9得到select的當(dāng)前選中項的text    
    10得到select的當(dāng)前選中項的Index    
    11清空select的項     
    *
    */
     
    // 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值已經(jīng)存在");           
        }
     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.設(shè)置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出結(jié)果           
        if (isExit) {           
            alert(
    "成功選中");           
        }
     else {           
            alert(
    "該select中 不存在該項");           
        }
               
    }
               
          
    // 7.設(shè)置select中value="paraValue"的Item為選中       
    document.all.objSelect.value = objItemValue;       
              
    // 8.得到select的當(dāng)前選中項的value       
    var currSelectValue = document.all.objSelect.value;       
              
    // 9.得到select的當(dāng)前選中項的text       
    var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;       
              
    // 10.得到select的當(dāng)前選中項的Index       
    var currSelectIndex = document.all.objSelect.selectedIndex;       
              
    // 11.清空select的項       
    document.all.objSelect.options.length = 0;  


    posted on 2008-06-15 21:04 々上善若水々 閱讀(343) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 国产精品亚洲综合久久| 亚洲欧洲中文日韩av乱码| 精品国产污污免费网站aⅴ| 免费黄网站在线看| 野花香在线视频免费观看大全 | 哒哒哒免费视频观看在线www | 中文无码日韩欧免费视频| 免费观看四虎精品成人| 免费人成视频在线观看免费| 曰批免费视频播放在线看片二| 美女黄频视频大全免费的| 无忧传媒视频免费观看入口| 成人在线免费视频| 韩日电影在线播放免费版| a在线观看免费视频| 国产va在线观看免费| 在线免费观看亚洲| 日韩免费一区二区三区在线播放| 97热久久免费频精品99 | www.av在线免费观看| 黄 色一级 成 人网站免费| a级日本高清免费看| 久久国产精品免费网站| 亚洲一级毛片免费在线观看| 日韩欧毛片免费视频| 国产裸模视频免费区无码| 亚洲精品无码久久久久AV麻豆| 亚洲午夜国产精品无码老牛影视| 亚洲成A人片777777| 亚洲国产精品综合久久2007| 亚洲人成综合网站7777香蕉| 亚洲欧洲AV无码专区| 色爽黄1000部免费软件下载| 在线看片免费人成视频久网下载| 5g影院5g天天爽永久免费影院| 永久免费毛片在线播放| 免费在线观看毛片| 久久精品国产亚洲AV麻豆不卡| 亚洲另类春色国产精品| 国产成人亚洲精品蜜芽影院| a毛片免费全部在线播放**|