Comment ajouter efficacement des options à une liste déroulante à l'aide de jQuery ?

Remplir les options de liste déroulante avec jQuery

Question :

Comment ajouter sans effort des options à un liste déroulante en utilisant jQuery ? Plus précisément, cet extrait de code est-il correct :

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

Réponse :

Oui, le code fourni est fonctionnel. Cependant, il existe une approche plus élégante pour obtenir le même résultat.

Syntaxe préférée pour les options d'ajout :

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

Cette syntaxe vous permet de spécifier à la fois la valeur et texte de l'option sur une seule ligne.

Bouclage à travers la collection de Articles :

Si vous devez ajouter plusieurs options à partir d'une collection d'éléments :

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

Cette méthode parcourt chaque élément de la collection et crée dynamiquement les options nécessaires.

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!