<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 閱讀(297) 評論(0)  編輯  收藏


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


    網站導航:
     

    公告

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

    統計

    常用鏈接

    留言簿(13)

    隨筆分類(71)

    隨筆檔案(179)

    文章檔案(13)

    新聞分類

    IT人的英語學習網站

    JAVA站點

    優秀個人博客鏈接

    官網學習站點

    生活工作站點

    最新隨筆

    搜索

    積分與排名

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲国产成人精品久久久国产成人一区二区三区综| 亚洲成AV人片在WWW色猫咪| 一级毛片免费毛片毛片| 亚洲中文久久精品无码| 久久国产精品成人片免费| 亚洲 欧洲 自拍 另类 校园| 国产精品亚洲w码日韩中文| 91视频免费网址| 污视频网站在线观看免费| 亚洲资源在线观看| 国产免费观看网站| 久久99国产乱子伦精品免费| WWW亚洲色大成网络.COM| 亚洲欧洲日产国产综合网| 日韩免费视频网站| 久久午夜羞羞影院免费观看| 色妞www精品视频免费看| 亚洲白色白色永久观看| 国产偷国产偷亚洲高清日韩| 日韩精品无码区免费专区 | 亚洲精品国产日韩无码AV永久免费网| 亚洲欧洲日韩不卡| 亚洲va中文字幕无码| 扒开双腿猛进入爽爽免费视频| 久久九九AV免费精品| 四虎国产精品成人免费久久| 亚洲AV无码成人专区| 亚洲av中文无码乱人伦在线播放| 国产免费AV片无码永久免费| 精品无码AV无码免费专区| jizz免费在线观看| 亚洲精品色在线网站| 精品久久亚洲中文无码| 亚洲av日韩av不卡在线观看| 亚洲欧洲久久久精品| 精品免费久久久久久成人影院| 久久午夜伦鲁片免费无码 | 日本一道本高清免费| 免费h片在线观看网址最新| 鲁丝片一区二区三区免费| www免费黄色网|