<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站點

    優秀個人博客鏈接

    官網學習站點

    生活工作站點

    最新隨筆

    搜索

    積分與排名

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 巨波霸乳在线永久免费视频| 亚洲一区在线视频| 亚洲国产模特在线播放| 成在线人免费无码高潮喷水| 免费在线观看毛片| MM1313亚洲精品无码久久| 成年人免费视频观看| 亚洲av永久无码精品天堂久久| 好爽…又高潮了免费毛片| 亚洲一本一道一区二区三区| 久久精品免费全国观看国产| 亚洲明星合成图综合区在线| 波多野结衣中文字幕免费视频| 亚洲国产精品线观看不卡| 日韩免费无码一区二区视频| 日韩在线视精品在亚洲| 久久国产精品亚洲综合| 免费在线观看h片| 国产日本亚洲一区二区三区 | 成人毛片免费观看视频在线| av电影在线免费看| 亚洲男同帅GAY片在线观看| 国产三级在线免费| 亚洲免费视频在线观看| 91精品免费在线观看| 一级特级女人18毛片免费视频| 亚洲色欲色欲www在线丝| 一个人免费观看视频www| 亚洲国产成人AV网站| 西西人体44rt高清亚洲| 国产无遮挡吃胸膜奶免费看视频| 免费精品视频在线| 亚洲成在人线av| 青青视频观看免费99| a级成人毛片免费图片| 亚洲国产精品婷婷久久| 亚洲av区一区二区三| 无码人妻一区二区三区免费看| 亚洲一欧洲中文字幕在线| 亚洲成a人片在线观看无码专区 | 亚洲国产精品人久久电影|