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

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

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

    新的起點 新的開始

    快樂生活 !

    Javascript 操作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的項

    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;  

    posted on 2009-10-14 17:11 advincenting 閱讀(296) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    公告

    Locations of visitors to this pageBlogJava
  • 首頁
  • 新隨筆
  • 聯系
  • 聚合
  • 管理
  • <2009年10月>
    27282930123
    45678910
    11121314151617
    18192021222324
    25262728293031
    1234567

    統計

    常用鏈接

    留言簿(13)

    隨筆分類(71)

    隨筆檔案(179)

    文章檔案(13)

    新聞分類

    IT人的英語學習網站

    JAVA站點

    優秀個人博客鏈接

    官網學習站點

    生活工作站點

    最新隨筆

    搜索

    積分與排名

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲国产精华液2020| 亚洲国产精品综合福利专区| 久久精品熟女亚洲av麻豆| 99久久国产热无码精品免费| 亚洲网站在线播放| 国产一精品一AV一免费孕妇| 久久狠狠高潮亚洲精品| 在线永久免费的视频草莓| 亚洲精品偷拍无码不卡av| 色影音免费色资源| 亚洲sss综合天堂久久久| 午夜精品在线免费观看| 亚洲性日韩精品一区二区三区| 亚洲国产精品国自产拍AV| 精品无码专区亚洲| 亚洲国产精品一区二区九九| 亚欧乱色国产精品免费视频| 一本无码人妻在中文字幕免费| 日本亚洲免费无线码| 日本免费人成黄页在线观看视频| 黄色网址在线免费观看| 一本色道久久88综合亚洲精品高清| 国产黄在线观看免费观看不卡 | 久草视频在线免费看| 亚洲av午夜精品一区二区三区| 四虎影视永久在线精品免费| 亚洲精品国偷自产在线| 黄页网址大全免费观看12网站| 亚洲熟妇av一区二区三区| 91av免费观看| 午夜亚洲国产理论片二级港台二级| 毛片免费在线视频| 色多多免费视频观看区一区| 亚洲av无码无在线观看红杏| 国产精品视频免费一区二区| 一区二区免费国产在线观看 | 亚洲国产精品久久久久秋霞影院| 亚洲综合av一区二区三区 | 日韩中文字幕免费| 好男人资源在线WWW免费| 亚洲视频在线一区二区|