java 記錄

          學(xué)習(xí)java

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

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

          posted on 2014-12-02 15:27 啊飛 閱讀(83) 評論(0)  編輯  收藏


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


          網(wǎng)站導(dǎo)航:
           
          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(1)

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          主站蜘蛛池模板: 砀山县| 河间市| 章丘市| 喀什市| 平利县| 泗洪县| 达日县| 镇安县| 化德县| 南召县| 讷河市| 南康市| 平江县| 中江县| 藁城市| 云梦县| 普宁市| 博白县| 会同县| 卢氏县| 丽水市| 呼和浩特市| 临颍县| 津市市| 洞口县| 金湖县| 房产| 两当县| 衡东县| 乌拉特中旗| 永靖县| 平塘县| 吕梁市| 金阳县| 长海县| 南澳县| 旬阳县| 平陆县| 靖安县| 眉山市| 平果县|