新的起點 新的開始

          快樂生活 !

          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 閱讀(296) 評論(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站點

          優秀個人博客鏈接

          官網學習站點

          生活工作站點

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 吴忠市| 南漳县| 临海市| 栾川县| 兰溪市| 清新县| 太保市| 南皮县| 黔南| 会同县| 开化县| 佛坪县| 乐昌市| 金山区| 大英县| 航空| 黄冈市| 通江县| 涞源县| 湖口县| 城口县| 黔东| 永清县| 宁德市| 揭西县| 醴陵市| 喜德县| 盈江县| 关岭| 汉沽区| 红桥区| 天祝| 奇台县| 固原市| 从化市| 浦东新区| 桃园县| 临潭县| 攀枝花市| 鹤峰县| 石景山区|