Comment supprimer des options dans select dans jquery-js tutoriel-php.cn

Comment supprimer des options dans select dans jquery

青灯夜游

Libérer： 2020-12-21 17:39:27

original

4054 Les gens l'ont consulté

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>

Copier après la connexion

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!