<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)

    隨筆分類

    隨筆檔案

    收藏夾

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲欧美成aⅴ人在线观看| 亚洲av色影在线| 亚洲a∨无码精品色午夜| 国产精品永久免费10000| 亚洲av午夜成人片精品网站 | 国产精品亚洲综合久久 | 一区二区免费在线观看| 免费一区二区三区四区五区 | 老司机亚洲精品影院在线观看| 久久久www成人免费毛片| 亚洲av一本岛在线播放| 成人片黄网站色大片免费| 亚洲精华国产精华精华液| 国产传媒在线观看视频免费观看 | www国产亚洲精品久久久| 国产精品1024永久免费视频 | 亚洲精品一级无码中文字幕| 国产精品免费久久| 亚洲成AV人在线观看天堂无码| 久久久久久国产精品免费免费男同| 亚洲综合久久1区2区3区| 无码AV动漫精品一区二区免费| 亚洲裸男gv网站| 免费av片在线观看网站| 亚洲欧洲国产精品久久| 色视频色露露永久免费观看| 成年网站免费入口在线观看| 亚洲AV无码久久精品色欲| 性xxxxx免费视频播放| 国产成人精品日本亚洲语音 | 成人免费一区二区三区在线观看| 亚洲国产AV一区二区三区四区| 国产精品V亚洲精品V日韩精品| 69精品免费视频| 久久精品国产亚洲AV未满十八| 国产乱辈通伦影片在线播放亚洲 | 2017亚洲男人天堂一| 亚洲人成无码网WWW| 999国内精品永久免费观看| 污视频网站免费观看| 亚洲精品美女久久久久|