zoukankan      html  css  js  c++  java
  • Jquery操作select

    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;  
  • 相关阅读:
    YAML 语法小结
    小程序之脚本语言
    小程序WXML 使用小结
    微信小程序 js逻辑
    小程序开发1
    联想Y7000安装Ubuntu16.04/Win10双系统,wifi问题,显卡驱动和CUDA10安装
    VS2015中配置Eigen
    联想Y700安装显卡驱动和CUDA8.0
    php微信生成微信公众号二维码扫描进入公众号带参数
    Y7000 (1)安装ubuntu1604遇到的问题
  • 原文地址:https://www.cnblogs.com/roboot/p/4782698.html
Copyright © 2011-2022 走看看