<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 哈希 閱讀(232) 評論(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;  
  • 主站蜘蛛池模板: 久久丫精品国产亚洲av| 亚洲精品国自产拍在线观看| 亚洲国产精品人久久| 成人免费777777被爆出| 亚洲第一成人影院| 一级做a毛片免费视频| 国产亚洲精品激情都市| 国产成人无码精品久久久免费| 亚洲午夜无码AV毛片久久| a级毛片免费观看在线| 亚洲动漫精品无码av天堂| 一个人免费日韩不卡视频| 亚洲精品永久www忘忧草| 久久久久久精品免费免费自慰| 亚洲成人免费电影| 男男AV纯肉无码免费播放无码 | h片在线免费观看| 亚洲专区中文字幕| 女人让男人免费桶爽30分钟| 国产99久久亚洲综合精品| 国产亚洲?V无码?V男人的天堂| 久久免费线看线看| 亚洲综合色7777情网站777| 国产精品免费小视频| 一级毛片aaaaaa视频免费看| 亚洲AV成人片色在线观看高潮| 黄色永久免费网站| 在线看亚洲十八禁网站| 亚洲精品乱码久久久久久 | 四虎影视免费在线| 产传媒61国产免费| 亚洲尹人香蕉网在线视颅| 成人片黄网站色大片免费| 免费观看四虎精品成人| 亚洲国产精品一区二区久久hs| 最近在线2018视频免费观看| 亚洲欧美不卡高清在线| 自拍偷自拍亚洲精品被多人伦好爽| 69国产精品视频免费| 亚洲а∨精品天堂在线| 久久久久久久久亚洲|