分享java帶來的快樂

          我喜歡java新東西

          JS選中select

           





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


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


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


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


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


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

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

          主站蜘蛛池模板: 神农架林区| 全南县| 正镶白旗| 屏山县| 遂平县| 涞源县| 漯河市| 巨鹿县| 潞城市| 焦作市| 鹿邑县| 神农架林区| 常熟市| 永泰县| 法库县| 淮北市| 峨山| 达尔| 贵定县| 石首市| 平陆县| 临夏县| 雅安市| 兴宁市| 双鸭山市| 宜兰县| 光山县| 汾西县| 连平县| 江城| 安徽省| 柯坪县| 永吉县| 竹溪县| 昭苏县| 天气| 南汇区| 张家港市| 绥宁县| 灵川县| 元阳县|