jQuery - balise select - obtenir de l'attribut de l'élément sélectionné

Est-il un moyen de faire de l'attribut - comme 'rel' à partir de l'option sélectionnée de 'sélectionner' tag - c'est à dire?

<select name="menu" id="menu">
    <option value="1" rel="123">Option 1</option>
    <option value="2" rel="124">Option 2</option>
</select>

Une idée?

OriginalL'auteur user398341 | 2011-05-10

  1. 15

    Vous pouvez simplement utiliser le :selected filtre.

    Ici un violon : http://jsfiddle.net/jomanlk/ECAea/

    $('#menu').change(function(){
    alert($(this).find('option:selected').attr('rel'));
});
    Merci - qui fonctionne très bien!
    Merci - qui fonctionne très bien! @JohnP

    OriginalL'auteur JohnP

  2. 5

    avec jQuery

    $('#menu option:selected').attr('rel');

    avec javascript

    var sel = document.getElementById('menu');
var option = sel.options[sel.selectedIndex];
var rel = option.getAttribute('rel');

    démo avec les deux versions en http://jsfiddle.net/gaby/WLFmv/

    Ce qui fonctionne très bien merci. L'on a accepté la réponse a été un peu plus souple que cela ne prenne pas l'id de l'élément - il utilise simplement $(ce) pour faire référence à l'élément déclencheur.

    OriginalL'auteur Gabriele Petrioli

  3. 1

    Vous pouvez utiliser .attr("attributeName") pour obtenir la valeur des attributs. Voir .attr().

    Pour trouver l'option sélectionnée, vous pouvez utiliser $('#menu option[selected=true]') ou similaire.

    Je l'ai essayé avant, mais il ne semble pas pour obtenir la valeur de l'attribut pour une raison quelconque.

    OriginalL'auteur verdesmarald