tinguo002

           

          js 操作selecct 總結(jié)

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

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

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

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

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(1)

          隨筆分類

          隨筆檔案

          收藏夾

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 迁安市| 双牌县| 聊城市| 福贡县| 庆云县| 政和县| 额尔古纳市| 池州市| 榆树市| 冀州市| 来宾市| 呈贡县| 台南县| 南靖县| 天门市| 海南省| 淳化县| 潞城市| 新宾| 瓮安县| 玛纳斯县| 库尔勒市| 临高县| 宝山区| 吉木萨尔县| 望江县| 巴林左旗| 朔州市| 珠海市| 铜陵市| 湄潭县| 侯马市| 涟源市| 喀喇沁旗| 常宁市| 都江堰市| 台中县| 富阳市| 恩施市| 南江县| 青海省|