项目前台每次用的select的用法都要上网搜一番,不如此次整理一下select取值,取文本的方法,同时把radio,checkbox的取值方法一同整理下来。
1.Select
(1)获取Select选择的Value
var checkValue=$("#select_id").val();
(2)获取Select选择的Text
var checkText=$("#select_id").find("option:selected").text();
(3)获取Select选择的索引值
var checkIndex=$("#select_id ").get(0).selectedIndex;
(4)获取Select最大的索引值
var maxIndex=$("#select_id option:last").attr("index");
(5)为Select添加事件,当选择其中一项时触发
$("#select_id").change(function(){//code...});
(6)设置Select的Value值为i的项选中
$("#select_id ").val(i);
(7)设置Select索引值为1的项选中
$("#select_id ").get(0).selectedIndex=1;
(8)设置Select的Text值为jQuery的项选中
$("#select_id option[text='jQuery']").attr("selected", true);
(9)为Select追加一个Option(下拉项)
$("#select_id").append("<option value='Value'>Text</option>");
(10)为Select插入一个Option(第一个位置)
$("#select_id").prepend("<option value='0'>请选择</option>");
(11)删除Select中索引值最大Option(最后一个)
$("#select_id option:last").remove();
(12)删除Select中索引值为0的Option(第一个)
$("#select_id option[index='0']").remove();
(13)删除Select中Value='i'的Option
$("#select_id option[value='i']").remove();
(14)删除Select中Text='i'的Option
$("#select_id option[text='i']").remove();
2.radio
(1)获 取一组radio被选中项的值
var item = $('input[name=items][checked]').val();
(2)radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
3.checkbox
("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);// 打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
$("#checkbox_id").attr("value");//获取值
注:选择器里面使用:和[]的区别,使用:是这个元素自身的属性,可能不显示;(比如select被选中实际上会拥有一个属性selected,但是页面元素上不一定显示这个属性)而用[]则一定是带有元素的属性或属性和属性值(比如name属性,用[]就是[name=aa])