Maison > interface Web > js tutoriel > Comment jQuery obtient la valeur Texte et la valeur Valeur de l'option dans Select

Comment jQuery obtient la valeur Texte et la valeur Valeur de l'option dans Select

不言
Libérer: 2018-08-15 10:48:33
original
4420 Les gens l'ont consulté

Le contenu de cet article explique comment jQuery obtient la valeur Texte et la valeur Valeur de l'option dans Select. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Obtenir la valeur d'un ensemble d'éléments radio sélectionnés :

var item = $('input[name=items][checked]').val();
Copier après la connexion

Obtenir le texte de l'élément sélectionné dans select

var item = $("select[@name=items] option[@selected]").text();
Copier après la connexion

Récupérer le texte de l'élément sélectionné :

var item = $("select[name=items] option[selected]").text(); 
或
$("select[name=items]").find("option:selected").text();
Copier après la connexion

Le deuxième élément de la liste déroulante de sélection est le valeur actuellement sélectionnée :

$('#select_id')[0].selectedIndex = 1;
Copier après la connexion

L'élément avec valeur = 'val' dans la liste déroulante de sélection est l'élément actuellement sélectionné :

$("select[name=items] option[value='val']").attr("selected","selected");
Copier après la connexion

Le deuxième élément du groupe de sélection de radio est les éléments actuellement sélectionnés :

$('input[@name=items]').get(1).checked = true;
或
$('input[name=items]').attr("checked", '1′);
Copier après la connexion

la valeur de la radio = l'élément 'val' est l'élément actuellement sélectionné :

$('input[name=items] [value='val']').attr("checked","checked");
Copier après la connexion

Obtenir de la valeur :

Zone de texte, zone de texte :

$("#txt").attr("value");
Copier après la connexion

Case à cocher Case à sélection multiple :

$("input[name='checkbox':checked]").each(function(){
var val = $(this).val();
});
Copier après la connexion

Radio du groupe de sélection radio :

$("input[type=radio][checked]").val();
Copier après la connexion

La valeur de la liste déroulante sélectionnez :

$('select').val();
Copier après la connexion

Liste déroulante sélectionnez la valeur du texte sélectionné :

$("select").find("option:selected").text();
Copier après la connexion

Élément du formulaire de contrôle :

Zone de texte, zone de texte :

$("#txt").attr("value","); //清空内容
$("#txt").attr("value",'11′); //填充内容
Copier après la connexion

case à cocher Case à sélection multiple :
Le deuxième élément de la case à cocher est coché :

$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾
Copier après la connexion

checkbox value='Cochez devant l'élément de val' :

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

Radio groupe radio :

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

Dans la liste déroulante, sélectionnez :

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

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

jQuery obtient le Valeur valeur sélectionnée par 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为选中状态
Copier après la connexion

jQuery obtient la valeur valeur sélectionnée par CheckBox

$("input[name=&#39;checkbox_name&#39;][checked]"); //选择被选中CheckBox元素的集合 如果你想得到
Copier après la connexion

Valeur valeur que vous besoin de parcourir cette 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;分隔 返回一个数组
Copier après la connexion

Recommandations associées :

jQuery+PHP pour obtenir le texte et la valeur sélectionnés par l'option Sélectionner (avec exemple de ville sélectionnée)

Problèmes avec la valeur de l'option dans la sélection dans différents navigateurs

jQuery+ PHP pour obtenir l'option Texte et Valeur de Sélection (avec exemple de ville sélectionnée)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal