Comment puis-je obtenir un HTML5 valeur de données à partir d'une option de sélection?

Est-il possible d'utiliser jquery pour obtenir un html5, l'attribut de données à partir d'une option de sélection?

<select id="change-image">
<option value="cool" data-image="myimage.jpg">Cool</option>
</select>

$("#pet-tag-id").change(function() {                    
var src = $("#change-image").data("image");
$("#image-preview").attr("src", src);
});

<img id="image-preview">

OriginalL'auteur dcolumbus | 2012-08-26

  1. 13

    Oui.

    Vous même l'avez fait dans la manière correcte. jQuery va tirer HTML5 attributs de données en interne expando objet de données pour les éléments. Vous pouvez donc accéder à leur juste par son nom.

    La seule chose qui est incorrecte est, que vous n'appelez pas .data() sur le bon élément. Vous êtes d'appel sur le <select>, mais vous devez cliquer sur l'option sélectionnée élément. Comme

    var src = $("#change-image option:selected").data("image");
    J'AI ÉTÉ À ESSAYER DE COMPRENDRE SOMETHIING SIMILAIRES POUR DAAAAAYSSSS!!! M'ENTENDEZ-VOUS?! DAAYS!! VOUS ÊTES MON HÉROS!!!!!!!!! Je n'ai même pas de soins si cela est marqué je veux que vous sachiez à quel point vous êtes.
    Je ne vais pas retenue, j'aime ça 🙂 Merci

    OriginalL'auteur jAndy

  2. 1
    $("#change-image").change(function() {                    
    var data_image = $(this).children('option:selected').attr('data-image');
});

    OriginalL'auteur orhanhenrik