• 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;  
    多思考,多创新,才是正道!
  • 相关阅读:
    Matlab中如何取出cell型数组里的某一列,和具体某个值
    Matlab 读取dat文件(包含几行多余文本,数据带有数字和字符串,且以逗号分隔)
    批处理txt文件
    Word删除关键字所在行
    移动web页面前端开发总结
    JavaScript 的性能优化:加载和执行
    jq中prop和attr的区别以及各自的使用
    移动web开发经验总结(转)
    JavaScript核心(晋级高手必读篇)
    -webkit-transition: all .2s ease-in-out;
  • 原文地址:https://www.cnblogs.com/zhengteng/p/5314316.html
Copyright © 2020-2023  润新知