Maison  >  Article  >  interface Web  >  Comment supprimer des options dans select dans jquery

Comment supprimer des options dans select dans jquery

青灯夜游
青灯夜游original
2020-12-21 17:39:273998parcourir

Méthode de suppression : utilisez d'abord le sélecteur jQuery pour obtenir l'option spécifiée (élément d'options) qui doit être supprimée de la sélection, puis utilisez la méthode remove() de JQuery pour supprimer l'option du document HTML ; syntaxe "$( "option option").remove()".

Comment supprimer des options dans select dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.3.1, cette méthode convient à toutes les marques d'ordinateurs.

Tutoriel recommandé : Tutoriel vidéo jquery

Si vous souhaitez utiliser jQuery pour supprimer des options (éléments d'options) de l'élément de sélection, vous pouvez d'abord utiliser le sélecteur jQuery pour sélectionnez ceux requis dans l'élément select Supprimer les options, puis utilisez la méthode remove() de JQuery pour supprimer l'option du document HTML.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">		
</head>
<body style="text-align:center;" id="body"> 
<p style="font-size: 15px; font-weight: bold;">单击按钮,从select选择框中删除选项</p> 
<select> 
<option value="val_1"> Val_1</option> 
<option value="val_2"> Val_2</option> 
<option value="val_3"> Val_3</option> 
<option value="val_4"> Val_4</option> 
</select> 
<br> 
<br> 
<button> 单击 </button> 
<p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p> 
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
<script>       
$(&#39;button&#39;).on(&#39;click&#39;, function() {
$("option[value=&#39;val_1&#39;]").remove();
$(&#39;#Text&#39;).text(&#39;值为val_1的选项已删除!&#39;);
});
</script> 
</body> 
</html>

Rendu :

Comment supprimer des options dans select dans jquery

La méthode Remove() est utilisée pour supprimer les éléments sélectionnés, y compris Tout le texte et les nœuds enfants. Cette méthode supprime également les données et les événements de l'élément sélectionné.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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