`
沙舟狼客
  • 浏览: 158176 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery操作select

阅读更多

 

//为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");  

//jQuery添加/删除Select的Option项:

//为Select追加一个Option(下拉项)
$("#select_id").append("<option value='Value'>Text</option>");   

//为Select插入一个Option(第一个位置)
$("#select_id").prepend("<option value='0'>请选择</option>");  

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

//内容清空:
$("#charCity").empty();
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics