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

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

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

    新的起點(diǎn) 新的開始

    快樂(lè)生活 !

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

     1判斷select選項(xiàng)中 是否存在Value="paraValue"的Item
     2向select選項(xiàng)中 加入一個(gè)Item
     3從select選項(xiàng)中 刪除一個(gè)Item
     4刪除select中選中的項(xiàng)
     5修改select選項(xiàng)中 value="paraValue"的text為"paraText"
     6設(shè)置select中text="paraText"的第一個(gè)Item為選中
     7設(shè)置select中value="paraValue"的Item為選中
     8得到select的當(dāng)前選中項(xiàng)的value
     9得到select的當(dāng)前選中項(xiàng)的text
    10得到select的當(dāng)前選中項(xiàng)的Index
    11清空select的項(xiàng)

    js 代碼
    // 1.判斷select選項(xiàng)中 是否存在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選項(xiàng)中 加入一個(gè)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選項(xiàng)中 刪除一個(gè)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中 不存在該項(xiàng)");       
        }       
    }   
      
      
    // 4.刪除select中選中的項(xiàng)   
    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選項(xiàng)中 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中 不存在該項(xiàng)");       
        }       
    }       
      
    // 6.設(shè)置select中text="paraText"的第一個(gè)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中 不存在該項(xiàng)");       
        }       
    }       
      
    // 7.設(shè)置select中value="paraValue"的Item為選中   
    document.all.objSelect.value = objItemValue;   
          
    // 8.得到select的當(dāng)前選中項(xiàng)的value   
    var currSelectValue = document.all.objSelect.value;   
          
    // 9.得到select的當(dāng)前選中項(xiàng)的text   
    var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
          
    // 10.得到select的當(dāng)前選中項(xiàng)的Index   
    var currSelectIndex = document.all.objSelect.selectedIndex;   
          
    // 11.清空select的項(xiàng)   
    document.all.objSelect.options.length = 0;  

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


    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     

    公告

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

    統(tǒng)計(jì)

    常用鏈接

    留言簿(13)

    隨筆分類(71)

    隨筆檔案(179)

    文章檔案(13)

    新聞分類

    IT人的英語(yǔ)學(xué)習(xí)網(wǎng)站

    JAVA站點(diǎn)

    優(yōu)秀個(gè)人博客鏈接

    官網(wǎng)學(xué)習(xí)站點(diǎn)

    生活工作站點(diǎn)

    最新隨筆

    搜索

    積分與排名

    最新評(píng)論

    閱讀排行榜

    評(píng)論排行榜

    主站蜘蛛池模板: 亚洲男人电影天堂| 好吊妞788免费视频播放| 成人免费区一区二区三区 | 国产大片91精品免费观看男同| 国产成人免费高清激情视频| 性做久久久久久久免费看| 日韩免费视频播播| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 亚洲A∨精品一区二区三区| 亚洲免费在线观看| 亚洲天堂在线视频| 亚洲伦另类中文字幕| 亚洲成aⅴ人片在线观| 日本亚洲色大成网站www久久| 亚洲精品无码久久久久牙蜜区| 久久亚洲精品高潮综合色a片| 亚洲av无码一区二区三区天堂 | 全部免费a级毛片| 久久亚洲国产精品一区二区| 亚洲成人网在线播放| 一级中文字幕免费乱码专区 | 亚洲欧洲专线一区| 中文字幕无码免费久久9一区9 | 国产又黄又爽胸又大免费视频| 9久9久女女免费精品视频在线观看| 亚洲av中文无码| 亚洲福利一区二区精品秒拍| 野花视频在线官网免费1| 日韩人妻一区二区三区免费| 免费一级成人毛片| 亚洲毛片一级带毛片基地| 一级免费黄色大片| 处破痛哭A√18成年片免费| 亚洲AV无码国产精品色午友在线| 亚洲youwu永久无码精品| 久久国产精品萌白酱免费| 国产91久久久久久久免费| 亚洲一区二区免费视频| 中文字幕无码一区二区免费| 免费人成年轻人电影| 亚洲综合精品第一页|