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

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("Text"); //为Select追加一个Option(下拉项)$("#select_id").prepend("请选择"); //为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) //判断是否已经打勾

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。