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 一堣而安 閱讀(286) 評(píng)論(0)  編輯  收藏 所屬分類: js_css

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(1)

          隨筆分類

          隨筆檔案

          收藏夾

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 石渠县| 原阳县| 永年县| 泗阳县| 香河县| 光泽县| 九江市| 太仓市| 合山市| 龙岩市| 沾益县| 城市| 芦溪县| 阿拉善盟| 台山市| 姚安县| 永昌县| 洪洞县| 成安县| 奉化市| 青州市| 德令哈市| 依兰县| 柳江县| 嵊州市| 徐汇区| 永年县| 东乡族自治县| 河间市| 玛曲县| 平和县| 保德县| 平乐县| 陵川县| 长顺县| 辽宁省| 昂仁县| 汉寿县| 韩城市| 张北县| 闽侯县|