jquery中对select的操作总结

<select id="selectid">
    <option>请选择城市</option>
    <option value="sy">沈阳</option>
    <option value="bj">北京</option>
    <option value="sh">上海</option>
</select>

//0.为Select添加事件，当选择其中一项时触发 
$("#select_id").change(function(){//code...}); 
// 获取Select选择的Text 
var checkText=$("#select_id").find("option:selected").text(); 
// 获取Select选择的Value 
var checkValue=$("#select_id").val(); 
// 获取Select选择的索引值 
var checkIndex=$("#select_id ").get(0).selectedIndex;
//  获取Select最大的索引值 
var maxIndex=$("#select_id option:last").attr("index"); 

// 内容清空

$("#select_id").empty(); 

//1.判断select选项中 是否存在Value="gz"的option 

$("#selectid option[value='gz']").length>0

//2.向select选项中 加入一个Item 
$("#selectid").append("<option value='gz'>广州</option>");

//3.向select选项中 加入一个item

$("#selectid").prepend("<option value='0'>请选择</option>");

   
   

    
    //4.从select选项中 删除一个Item 
   
   
   
   

    
    $("#selectid").remove("<option value=''>广州</option>");
   
   
   
   

    
    $("#selectid option:last").remove(); //删除Select中索引值最大Option(最后一个) 
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

   
   
   
   

    
    // 5.选中value='sy'的option
   
   
   
   

    
    $("#selectid option[value='sy']").attr("selected","true")
   
   
   
   

    
    $("#selectid option[text='沈阳']").attr("selected","true");	// 经测试, 前提必须option上有text属性

   
   
  
  

   
   例如: 
 <option value="sy" text="沈阳">沈阳</option>
  
  

  
  

   
   

   
   

    
    7.设置select中第一 个Item为选中 
   
   

   
   

    
    $("#selectid option").eq(0).attr('selected', 'true');
   
   

   
   


    
    

     
     8. 得到select的当前选中项的value 
    
    

    
    

     
     $("#selectid").val();
    
    

    
    

     
     9.得到select的当前选中项的text 
    
    

    
    

     
     $("#selectid").text();