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

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

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

    tinguo002

     

    js 操作selecct 總結(jié)

    轉(zhuǎn)載:http://www.cnblogs.com/Herist/archive/2007/09/24/903890.html

    判斷select選項中 是否存在Value
    ="paraValue"的Item
    向select選項中 加入一個Item
    從select選項中 刪除一個Item
    刪除select中選中的項
    修改select選項中 value
    ="paraValue"的text為"paraText"
    設(shè)置select中text
    ="paraText"的第一個Item為選中
    設(shè)置select中value
    ="paraValue"的Item為選中
    得到select的當前選中項的value
    得到select的當前選中項的text
    得到select的當前選中項的Index
    清空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值已經(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的當前選中項的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

    歡迎大家訪問我的個人網(wǎng)站 萌萌的IT人

    posted on 2013-03-19 16:51 一堣而安 閱讀(282) 評論(0)  編輯  收藏 所屬分類: js_css

    導航

    統(tǒng)計

    常用鏈接

    留言簿(1)

    隨筆分類

    隨筆檔案

    收藏夾

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 久久久WWW成人免费精品| 亚洲欧洲无码AV不卡在线| 国产精品美女免费视频观看| 在线免费观看国产视频| 亚洲AV日韩综合一区尤物| 亚洲免费综合色在线视频| 亚洲高清中文字幕免费| 成人毛片免费播放| 美女又黄又免费的视频| 亚洲国产精品人人做人人爽| 亚洲免费一区二区| 久久青青成人亚洲精品| 最近中文字幕免费2019| 亚洲日本va一区二区三区| 国产成人免费a在线视频app| 日本激情猛烈在线看免费观看| 男人的天堂亚洲一区二区三区 | 四虎成人精品一区二区免费网站| 国产成人精品日本亚洲专一区| 国产美女在线精品免费观看| 亚洲AV成人无码网天堂| 国产精品亚洲综合一区| 国产成人精品无码免费看| 亚洲1区1区3区4区产品乱码芒果| 日本免费一区尤物| 国产精品午夜免费观看网站| 亚洲日本在线看片| 国产高清在线免费视频| a毛片在线免费观看| 亚洲中文字幕人成乱码 | 成人毛片免费播放| 本道天堂成在人线av无码免费| 亚洲AV色香蕉一区二区| 我要看免费的毛片| 免费一区二区三区在线视频| 久久久久久久久亚洲| 日韩在线天堂免费观看 | 成人精品国产亚洲欧洲| 亚洲乱色熟女一区二区三区丝袜| 国产成人无码免费看视频软件| 无忧传媒视频免费观看入口|