关于JQuery中对Select(下拉选项框)的option项的添加、删除、取值的操作

jQuery获取Select选择的Text和Value及添加/删除Select的Option项:

jQuery添加/删除Select的Option项: 

  1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)   
  2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)   
  3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)   
  4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)   
  5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option   
  6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option   

jQuery获取Select选择的Text和Value: 

[javascript] view plain copy
  1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发   
  2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text   
  3. var checkValue=$("#select_id").val(); //获取Select选择的Value   
  4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值   
  5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值   
内容清空:
[javascript]  view plain  copy
  1. $('select ').empty();  
jQuery获取select中所有option值:
[html]  view plain  copy
  1. <select id="language">    
  2.       <option value="">请选择</option>    
  3.       <option value="Java">Java</option>    
  4.       <option value="jQuery">jQuery</option>    
  5.       <option value="C#">C#</option>    
  6. </select>    
遍历option获取所有值

[html]  view plain  copy
  1. //方法1:  
  2. $(function(){    
  3.      var array = new Array();  //定义数组     
  4.      $("#channel_id option").each(function(){  //遍历所有option    
  5.           var channlVal= $(this).val();   //获取option值     
  6.           if(channlVal!=''){    
  7.                array.push(channlVal);  //添加到数组中    
  8.           }    
  9.      })    
  10. }) ;  
  11.    
  12. //方法2:  
  13. var channelArrnew Array();  
  14. var channel=$("#channel_id").find("option");  
  15. for(var i=0;i<channel.length;i++){  
  16.     var channlVar=channl.eq(i).val();//option中的值  
  17.     channelArr.push(channlVar);//添加到数组中  
  18. }  


猜你喜欢

转载自blog.csdn.net/Mr_Renhappy/article/details/80193933