jq select 获取text_jQuery如何获取Select中option的Text值和Value值

本文详细介绍了如何使用jQuery来获取和设置Select选项的Text值和Value值,以及Radio和Checkbox的选择状态。通过示例代码展示了如何获取选中项的值、设置选中项、判断选中状态等常见操作,对于前端开发者来说具有很好的参考价值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本篇文章给大家带来的内容是关于jQuery如何获取Select中option的Text值和Value值,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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

获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();

获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text();

$("select[name=items]").find("option:selected").text();

select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;

select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");

radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true;

$('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");

获取值:

文本框,文本区域:$("#txt").attr("value");

多选框checkbox:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

单选组radio:$("input[type=radio][checked]").val();

下拉框select的value值:$('select').val();

下拉框select选中的text 值:$("select").find("option:selected").text();

控制表单元素:

文本框,文本区域:$("#txt").attr("value","); //清空内容

$("#txt").attr("value",'11′); //填充内容

多选框checkbox:

checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾

$("input[name=items]").get(1).checked = false; //不打勾

checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true);

$("input[name=item][value='val']").attr("checked","checked");if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾

单选组radio:$("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项

下拉框select:$("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项

$("2222").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

jQuery获取Radio选择的Value值

代码$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值

$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发

$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发

$("#text_id").select(); //使文本框的Vlaue值成选中状态

$("input[name='radio_name'][value='要选中Radio的Value值'").

attr("checked",true); //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到

Value值你需要遍历这个集合$($("input[name='checkbox_name'][checked]")).

each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值

$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)

$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)

$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)

$("input[name='checkbox_name']").attr

("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思

$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组

相关推荐:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值