jQuery : attribut data-* dans une boucle
Bonjour,
A partir d'une boucle, je crée dynamiquement des options d'un select. Et pour chacune des options, je souhaite ajouter un attribut data-*. Et pour cette cause j'ai fait ce code :
Code:
1 2 3 4
| var items = data;
for(var i in items){
$("<option/>",{'data-level': items[i].level}).appendTo("#select");
} |
L'attribut data-level est bien créé mais je ne sais si c'est une bonne façon.
Je ne sais pas comment faire fonctionner cela par cette méthode :
Code:
1 2 3 4 5
| var items = data;
for(var i in items){
$("<option/>").appendTo("#select");
$(this).data('level', items[i].level);//ajout de l'attribut ainsi
} |
En outre comment récupérer la valeur de l'attribut level avec un onchange sur le select ?
Code:
1 2 3
| $("#select").on("change", function(){
alert(valeur de l'attribut level de l'option séléctionnée);
}); |
Merci d'avance...