Home > Web Front-end > JS Tutorial > body text

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

不言
Release: 2018-08-15 10:48:33
Original
4388 people have browsed it

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();
Copy after login

Get the text of the selected item

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

Get the text of the selected item in select:

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

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

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

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

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

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′);
Copy after login

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

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

Get the value:

Text box, text area:

$("#txt").attr("value");
Copy after login

Multiple selection box checkbox:

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

Radio selection group radio:

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

The value of the drop-down box select:

$('select').val();
Copy after login

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

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

Control form elements:

Text box, text area:

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

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

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

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");
Copy after login
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
Copy after login

Radio group radio:

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

Drop-down box select:

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

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

jQuery gets the Value value selected by Radio
Code

$("input[name=&#39;radio_name&#39;][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name=&#39;radio_name&#39;][value=&#39;要选中Radio的Value值&#39;").
attr("checked",true); //根据Value值设置Radio为选中状态
Copy after login

jQuery gets the Value value selected by CheckBox

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

Value value you need to traverse this collection

$($("input[name=&#39;checkbox_name&#39;][checked]")).
each(function(){arrChk+=this.value + &#39;,&#39;;});//遍历被选中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=&#39;checkbox_name&#39;]").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以&#39;,&#39;分隔 返回一个数组
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template