jquery获取和设置select选中的值/文本/索引及选中事件

获取选中项

获取选中项的值

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

获取选中项的文本

$("#select1 option:selected").text();
// 或者
$("#select1").find("option:selected").text();

获取选中项的索引

$("#select1").get(0).selectedIndex;

设置选中项

按照值来选中

// 设置值为2的选项选中
$("#select1").val(2);

按照文本来选中

// 设置文本为test的选项选中
// 这是错误写法
$("#select1 option[text='test']").attr("selected", true);
// input支持这种获取属性值的写法："input[text='test']"
// select中需要"option:contains('test')"这样获取
// 正确写法
$("#select1 option:contains('test')").attr("selected", true);
// 或者
$("#select1").find("option:contains('test')").attr("selected", true)

按照索引来选中

// 选中第三项
$("#select1").get(0).selectedIndex=2;

select选中事件change，不是click

$("#select1").change(function(){
    console.log("选中的值为：" + $(this).val());
});

添加/删除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中索引值最大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
$("#select_id").empty()；//清空下拉框

获取和设置单选框radio选中值

// 获取一组radio被选中项的值
var item = $('input[name=items][checked]').val();  

// radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
//设置value=2的项目为当前选中项 
$("input[type=radio]").attr("checked",'2');

获取和设置多选框选中值

$("#chk1").attr("checked",''); //不打勾
$("#chk2").attr("checked",true); //打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾