How jQuery gets the Text value and Value value of option in Select

The content of this article is about how jQuery obtains the Text value and Value value of the option in Select. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you. .

Get the value of a set of radio selected items:

var item = $('input[name=items][checked]').val();

Get the text of the selected item

var item = $("select[@name=items] option[@selected]").text();

Get the text of the selected item in select:

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

The second element of the select drop-down box is the currently selected value:

$('#select_id')[0].selectedIndex = 1;

The element of the select drop-down box value = 'val' is the currently selected item:

$("select[name=items] option[value='val']").attr("selected","selected");

The second element of the radio radio selection group is the currently selected item:

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

The element of value = 'val' of radio is the currently selected item:

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

Get the value:

Text box, text area:

$("#txt").attr("value");

Multiple selection box checkbox:

$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});

Radio selection group radio:

$("input[type=radio][checked]").val();

The value of the drop-down box select:

$('select').val();

The selected text value of the drop-down box select:

$("select").find("option:selected").text();

Control form elements:

Text box, text area:

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

Multiple selection box checkbox:
The second element of checkbox Ticked:

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

Tickled before the element with value='val' in the checkbox:

$("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 group radio:

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

Drop-down box select:

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

$("<option value=&#39;1′>1111</option><option value=&#39;2′>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

jQuery gets the Value value selected by Radio
Code

$("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 gets the Value value selected by CheckBox

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

Value value you need to traverse this collection

$($("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值以','分隔 返回一个数组

Related recommendations:

jQuery PHP Gets the Text and Value selected by Select option (with selected city example)

The value problem of option value in different browsers

jQuery PHP obtains the Text and Value of Select option (with selected city example)

The above is the detailed content of How jQuery gets the Text value and Value value of option in Select. For more information, please follow other related articles on the PHP Chinese website!