• 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; 
  • 相关阅读:
    LVDS 数据通道详解 单8 单6
    MFC中CTime获取日期时间的方法
    Sqlite 修改字段的名称。
    SQLite 字段数据类型
    把View转化成Image
    iOS 键盘类型UIKeyboardType
    验证银行卡号格式是否正确
    获取手机wifi下的网络地址
    图形处理专题(文章收集)
    收藏的博客
  • 原文地址:https://www.cnblogs.com/macula/p/3260059.html
Copyright © 2020-2023  润新知