Maison  >  Article  >  interface Web  >  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中世界最好的语言
php中世界最好的语言original
2018-04-23 16:44:141762parcourir

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

2.

//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();

3.

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

4.

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

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

1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

Contenu clair :

jQuery("#select_id").empty();

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!

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