<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;  
  • 主站蜘蛛池模板: 免费在线黄色电影| 国产精品亚洲а∨无码播放不卡| 黄色免费在线观看网址| 国产成人精品免费视频大全五级| 亚洲综合在线观看视频| 久久综合国产乱子伦精品免费| 国产精品久久久亚洲| 亚洲精品专区在线观看| 国产亚洲人成在线影院| 亚洲А∨精品天堂在线| 东北美女野外bbwbbw免费| 亚洲av最新在线网址| 久久永久免费人妻精品下载| 亚洲综合国产精品| 4虎永免费最新永久免费地址| 亚洲一区二区三区国产精品无码| 毛片网站免费在线观看| 亚洲aⅴ无码专区在线观看| 亚洲国产成人精品女人久久久 | 日韩免费高清视频| 国产亚洲综合视频| 中文字幕亚洲图片| 免费无码又爽又刺激网站直播 | 免费毛片在线看片免费丝瓜视频| 亚洲AV永久无码精品网站在线观看| 国产在线ts人妖免费视频| 久久国产一片免费观看| 亚洲美女aⅴ久久久91| 91视频国产免费| 阿v免费在线观看| 国产亚洲精久久久久久无码| 51在线视频免费观看视频| 最新亚洲精品国偷自产在线| 亚洲av日韩片在线观看| 亚洲AV成人噜噜无码网站| 日韩精品电影一区亚洲| 无码中文字幕av免费放dvd| 亚洲老熟女五十路老熟女bbw| 亚洲伊人成无码综合网 | 亚洲美女精品视频| 国产一级淫片a视频免费观看|