新的起點 新的開始

          快樂生活 !

          Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)

           1判斷select選項中 是否存在Value="paraValue"的Item
           2向select選項中 加入一個Item
           3從select選項中 刪除一個Item
           4刪除select中選中的項
           5修改select選項中 value="paraValue"的text為"paraText"
           6設置select中text="paraText"的第一個Item為選中
           7設置select中value="paraValue"的Item為選中
           8得到select的當前選中項的value
           9得到select的當前選中項的text
          10得到select的當前選中項的Index
          11清空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值已經存在");       
              } 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.設置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出結果       
              if (isExit) {       
                  alert("成功選中");       
              } else {       
                  alert("該select中 不存在該項");       
              }       
          }       
            
          // 7.設置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;  

          posted on 2009-10-14 17:11 advincenting 閱讀(297) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          公告

          Locations of visitors to this pageBlogJava
        1. 首頁
        2. 新隨筆
        3. 聯系
        4. 聚合
        5. 管理
        6. <2009年10月>
          27282930123
          45678910
          11121314151617
          18192021222324
          25262728293031
          1234567

          統計

          常用鏈接

          留言簿(13)

          隨筆分類(71)

          隨筆檔案(179)

          文章檔案(13)

          新聞分類

          IT人的英語學習網站

          JAVA站點

          優秀個人博客鏈接

          官網學習站點

          生活工作站點

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 昭苏县| 美姑县| 天镇县| 佛山市| 叶城县| 绵竹市| 友谊县| 宝丰县| 西乌| 肥城市| 北川| 安宁市| 云南省| 乐东| 板桥市| 华宁县| 读书| 白水县| 曲松县| 乳山市| 金寨县| 克什克腾旗| 临夏县| 汉阴县| 含山县| 吴桥县| 和政县| 大安市| 鄯善县| 晋江市| 海城市| 连州市| 湖口县| 德江县| 东光县| 晋江市| 祁东县| 凌云县| 葵青区| 稷山县| 五原县|