分享java帶來的快樂

          我喜歡java新東西

          JS選中select

           





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

          //5.設(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中 不存在該項");
              }   
          }


          //6.設(shè)置select中value="paraValue"的Item為選中
          //document.all.objSelect.value
          = objItemValue;


          //7.得到select的當(dāng)前選中項的value
          //var currSelectValue =
          document.all.objSelect.value;


          //8.得到select的當(dāng)前選中項的text
          //var currSelectText =
          document.all.objSelect.options[document.all.objSelect.selectedIndex].text;


          //9.得到select的當(dāng)前選中項的Index
          //var currSelectIndex =
          document.all.objSelect.selectedIndex;


          //10.清空select的項
          //
          document.all.objSelect.options.length = 0;

          posted on 2012-02-16 23:27 強強 閱讀(1898) 評論(0)  編輯  收藏 所屬分類: web技巧

          主站蜘蛛池模板: 济宁市| 崇左市| 通海县| 丘北县| 宜阳县| 天峨县| 阿瓦提县| 棋牌| 博乐市| 惠州市| 西丰县| 任丘市| 榕江县| 凌海市| 三亚市| 岱山县| 雷山县| 赞皇县| 黔西县| 财经| 泗洪县| 堆龙德庆县| 南安市| 正安县| 灵台县| 尤溪县| 宿州市| 江油市| 简阳市| 开阳县| 两当县| 甘肃省| 汶川县| 蒙山县| 商河县| 闸北区| 专栏| 江川县| 湖北省| 舒城县| 夏河县|