Maison  >  Article  >  interface Web  >  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

不言
不言original
2018-08-15 10:48:334326parcourir

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();

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

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

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();

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;

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");

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′);

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

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

Obtenir de la valeur :

Zone de texte, zone de texte :

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

Case à cocher Case à sélection multiple :

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

Radio du groupe de sélection radio :

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

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

$('select').val();

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

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

Élément du formulaire de contrôle :

Zone de texte, zone de texte :

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

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; //不打勾

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

Radio groupe radio :

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

Dans la liste déroulante, sélectionnez :

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

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

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为选中状态

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

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

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;分隔 返回一个数组

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!

Déclaration:
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