<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    如何學好java

    如何學好java,其實很簡單,只要用心體會,慢慢積累!
    posts - 106, comments - 7, trackbacks - 0, articles - 3
      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    Jquery操作select

    Posted on 2012-11-26 12:46 哈希 閱讀(231) 評論(0)  編輯  收藏 所屬分類: Js and Jquery 常用總結

    1.判斷select選項中 是否存在Value="paraValue"的Item 
    $("#selectid option[@value='paraValue']").length>0
    2.向select選項中 加入一個Item 
    $("#selectid").append("<option value=''>1111<option>");
    3.從select選項中 刪除一個Item 
    $("#selectid").remove("<option value=''>1111<option>");
    4.修改select選項中 value="paraValue"的text為"paraText" 
    $("#selectid option:selected").attr("value","paraValue").attr("text","paraText");
    5. 設置select中text="paraText"的第一個Item為選中 
    $("#selectid option[@text='paraText']").attr("selected","true")
    6.設置select中 value="paraValue"的Item為選中 
    $("#selectid option[@value='paraValue']").attr("selected","true")

    7.設置select中第一 個Item為選中 
    $("#selectid option").eq(0).attr('selected', 'true');

    8. 得到select的當前選中項的value 
    $("#selectid").val();
    9.得到select的當前選中項的text 
    $("#selectid").text();
    10. 得到select的當前選中項的Index 
    document.getElementById("select1").selectedIndex;
    $("#selectid").get(0).selectedIndex
    11. 清空select的項
    $("#selectid").empty();

    JS版本的:

  • //1.判斷select選項中 是否存在Value="paraValue"的Item   
  • function jsSelectIsExitItem(objSelect,objItemValue)   
  • {   
  •      var isExit = false ;   
  •      for ( var i=0;i;I++)   
  •      {   
  •          if (objSelect.options[i].value == objItemValue)   
  •          {   
  •              isExit = true ;   
  •              break ;   
  •          }   
  •      }        
  •      return isExit;   
  • }   
  •   
  • //2.向select選項中 加入一個Item   
  • function jsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)   
  • {   
  •      //判斷是否存在   
  •      if (jsSelectIsExitItem(objSelect,objItemValue))   
  •      {   
  •          alert( "該Item的 Value值已經存在" );   
  •      }   
  •      else   
  •      {   
  •          var varItem = new Option(objItemText,objItemValue);   
  • //       objSelect.options[objSelect.options.length] = varItem;   
  •          objSelect.options.add(varItem, objItemPos);   
  •          alert( "成功加入" );   
  •      }      
  • }   
  •   
  • //3.從select選項中 刪除一個Item   
  • function jsRemoveItemFromSelect(objSelect,objItemValue)   
  • {   
  •      //判斷是否存在   
  •      if (jsSelectIsExitItem(objSelect,objItemValue))   
  •      {   
  •          for ( var i=0;i;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;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;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;  
  • 主站蜘蛛池模板: 亚洲人成无码网站| 亚洲高清美女一区二区三区| aa级毛片毛片免费观看久| 亚洲欧洲日产国码无码久久99| 日韩精品极品视频在线观看免费 | 亚洲国产日韩成人综合天堂| 久久国产乱子伦精品免费午夜 | 黄色三级三级三级免费看| 亚洲精品国精品久久99热一| 国产免费毛不卡片| sss日本免费完整版在线观看| 亚洲精品偷拍无码不卡av| 在线观看亚洲免费| 99久久免费中文字幕精品| 日日摸日日碰夜夜爽亚洲| 亚洲天堂在线播放| 又粗又硬又黄又爽的免费视频| h片在线免费观看| 国产精品玖玖美女张开腿让男人桶爽免费看 | 日本成年免费网站| 猫咪免费观看人成网站在线| 亚洲爱情岛论坛永久| 日本高清免费aaaaa大片视频| 亚洲免费在线观看| 亚洲一区精彩视频| 亚洲AV无一区二区三区久久| 国产成人免费一区二区三区| 131美女爱做免费毛片| 一级做α爱过程免费视频| 亚洲人成图片网站| 亚洲人成电影在在线观看网色| 国产免费久久精品久久久| 精品香蕉在线观看免费| 国产在线国偷精品免费看| 亚洲av成人无码网站…| 亚洲国产成人va在线观看网址| 亚洲精品无码久久久久去q| 免费观看亚洲人成网站| 处破痛哭A√18成年片免费| 91青青青国产在观免费影视| 中文字幕的电影免费网站|