Maison > interface Web > js tutoriel > Méthode d'implémentation d'ajout, de suppression et de modification d'options de sélection dans jQuery

Méthode d'implémentation d'ajout, de suppression et de modification d'options de sélection dans jQuery

php中世界最好的语言
Libérer: 2018-04-23 16:44:14
original
1858 Les gens l'ont consulté

Cette fois, je vais vous présenter la méthode d'implémentation de jQuery en ajoutant, supprimant et modifiant l'option select dans jQuery. Quelles sont les précautions pour ajouter, supprimer et modifier l'option select dans jQuery. .Ce qui suit est un cas pratique.

L'exemple de cet article décrit comment ajouter, supprimer et modifier l'option de sélection à l'aide de jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

jQuery obtient le texte et la valeur sélectionnés par Select :

1.

//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();
Copier après la connexion

2.

//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();
Copier après la connexion

3.

//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
Copier après la connexion

4.

//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");
Copier après la connexion

jQuery ajoute/supprime l'élément Option de Sélectionner :

1.

//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value=&#39;Value&#39;>Text</option>");
Copier après la connexion

2.

//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value=&#39;0&#39;>请选择</option>");
Copier après la connexion

3.

//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();
Copier après la connexion

4.

//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();
Copier après la connexion

5.

//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();
Copier après la connexion

6.

//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();
Copier après la connexion

Contenu clair :

jQuery("#select_id").empty();
Copier après la connexion

Je crois que vous maîtrisez la méthode après lire le cas dans cet article, c'est plus excitant. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Résumé de la méthode jquery pour obtenir le temps

Quelles sont les précautions à prendre pour la mise à niveau de la version jQuery

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