新的起點 新的開始

          快樂生活 !

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

           1判斷select選項中 是否存在Value="paraValue"的Item
           2向select選項中 加入一個Item
           3從select選項中 刪除一個Item
           4刪除select中選中的項
           5修改select選項中 value="paraValue"的text為"paraText"
           6設(shè)置select中text="paraText"的第一個Item為選中
           7設(shè)置select中value="paraValue"的Item為選中
           8得到select的當(dāng)前選中項的value
           9得到select的當(dāng)前選中項的text
          10得到select的當(dāng)前選中項的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值已經(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;  

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


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


          網(wǎng)站導(dǎo)航:
           

          公告

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

          統(tǒng)計

          常用鏈接

          留言簿(13)

          隨筆分類(71)

          隨筆檔案(179)

          文章檔案(13)

          新聞分類

          IT人的英語學(xué)習(xí)網(wǎng)站

          JAVA站點

          優(yōu)秀個人博客鏈接

          官網(wǎng)學(xué)習(xí)站點

          生活工作站點

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 芦山县| 重庆市| 吐鲁番市| 东宁县| 叶城县| 嘉荫县| 吴江市| 武隆县| 防城港市| 长武县| 马关县| 昌邑市| 新田县| 新乡县| 黄浦区| 定陶县| 平定县| 浦北县| 巴林左旗| 金堂县| 黄浦区| 富宁县| 综艺| 威信县| 青浦区| 项城市| 堆龙德庆县| 石林| 宜都市| 贺兰县| 邵武市| 襄城县| 勐海县| 平塘县| 玛曲县| 清镇市| 吉隆县| 溆浦县| 修武县| 常州市| 广宗县|