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的當(dāng)前選中項的value
          得到select的當(dāng)前選中項的text
          得到select的當(dāng)前選中項的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的當(dāng)前選中項的value   
          var currSelectValue = document.all.objSelect.value;   
                
          // 9.得到select的當(dāng)前選中項的text   
          var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
                
          // 10.得到select的當(dāng)前選中項的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 一堣而安 閱讀(286) 評論(0)  編輯  收藏 所屬分類: js_css

          導(dǎo)航

          統(tǒng)計

          常用鏈接

          留言簿(1)

          隨筆分類

          隨筆檔案

          收藏夾

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 扶余县| 乌兰浩特市| 洪湖市| 旅游| 伊宁县| 墨江| 精河县| 旬阳县| 祁门县| 嘉鱼县| 武川县| 老河口市| 蓬安县| 遂昌县| 武强县| 乐陵市| 桓台县| 钟山县| 越西县| 孙吴县| 霍山县| 漳浦县| 潢川县| 图们市| 象州县| 崇仁县| 潮州市| 新干县| 章丘市| 阿拉善左旗| 罗源县| 康平县| 赤峰市| 洛宁县| 乌兰察布市| 五峰| 开远市| 剑川县| 五原县| 栖霞市| 九江县|