Comment puis-je ajouter des options à un élément `` à l'aide de jQuery ?

Ajout d'options à une liste avec jQuery

jQuery propose diverses méthodes pour ajouter sans effort des options à une liste déroulante.

Utilisation de .append() avec une chaîne HTML :

Bien que le code que vous avez fourni puisse effectivement ajouter une option, il nécessite l'échappement des caractères HTML. Pour simplifier ce processus :

$("#mySelect").append('<option value="1">My option</option>');

Utilisation de .append() avec un objet jQuery :

Pour plus de contrôle et de lisibilité, vous pouvez créer des objets jQuery pour définir l'option :

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

Ajout groupé à partir de données Collection :

Si vous avez une collection d'éléments à ajouter en option :

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', { 
        value: item.value,
        text : item.text 
    }));
});

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!

jquery html String Object define if for while select using Collection append this

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

Article précédent：Stockage de session ou stockage local : quand dois-je utiliser lequel ?Article suivant：Stockage de session ou stockage local : quand dois-je utiliser lequel ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved