Maison >interface Web >js tutoriel >Comment supprimer des options dans select dans jquery
Comment supprimer des options dans select dans jquery
- 青灯夜游original
- 2020-12-21 17:39:274064parcourir
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()".
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>
$('button').on('click', function() {
$("option[value='val_1']").remove();
$('#Text').text('值为val_1的选项已删除！');
});
</script>
</body>
</html>Rendu :
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!