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

Aug 15, 2018 am 10:48 AM

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Qui est payé plus de python ou de javascript? Qui est payé plus de python ou de javascript? Apr 04, 2025 am 12:09 AM

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Apr 04, 2025 pm 05:09 PM

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

Démystifier javascript: ce qu'il fait et pourquoi c'est important Démystifier javascript: ce qu'il fait et pourquoi c'est important Apr 09, 2025 am 12:07 AM

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? Apr 04, 2025 pm 05:12 PM

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...

Comment réaliser des effets de défilement de parallaxe et d'animation des éléments, comme le site officiel de Shiseido?
ou:
Comment pouvons-nous réaliser l'effet d'animation accompagné d'un défilement de page comme le site officiel de Shiseido? Comment réaliser des effets de défilement de parallaxe et d'animation des éléments, comme le site officiel de Shiseido? ou: Comment pouvons-nous réaliser l'effet d'animation accompagné d'un défilement de page comme le site officiel de Shiseido? Apr 04, 2025 pm 05:36 PM

La discussion sur la réalisation des effets de défilement de parallaxe et d'animation des éléments dans cet article explorera comment réaliser le site officiel de Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ...

TypeScript pour les débutants, partie 2: Types de données de base TypeScript pour les débutants, partie 2: Types de données de base Mar 19, 2025 am 09:10 AM

Une fois que vous avez maîtrisé le didacticiel TypeScript de niveau d'entrée, vous devriez être en mesure d'écrire votre propre code dans un IDE qui prend en charge TypeScript et de le compiler en JavaScript. Ce tutoriel plongera dans divers types de données dans TypeScript. JavaScript a sept types de données: null, non défini, booléen, numéro, chaîne, symbole (introduit par ES6) et objet. TypeScript définit plus de types sur cette base, et ce tutoriel les couvrira tous en détail. Type de données nuls Comme javascript, null en typeScript

PowerPoint peut-il exécuter JavaScript? PowerPoint peut-il exécuter JavaScript? Apr 01, 2025 pm 05:17 PM

JavaScript peut être exécuté dans PowerPoint et peut être implémenté en appelant des fichiers JavaScript externes ou en intégrant des fichiers HTML via VBA. 1. Pour utiliser VBA pour appeler les fichiers JavaScript, vous devez activer les macros et avoir des connaissances en programmation VBA. 2. ENCHED des fichiers HTML contenant JavaScript, qui sont simples et faciles à utiliser mais sont soumis à des restrictions de sécurité. Les avantages incluent les fonctions étendues et la flexibilité, tandis que les inconvénients impliquent la sécurité, la compatibilité et la complexité. En pratique, l'attention doit être accordée à la sécurité, à la compatibilité, aux performances et à l'expérience utilisateur.

See all articles