Changer l'événement sur & lt; sélectionnez & gt;

Avec Mootools, si j'attache un changement écouteur d'événement sur un<select> comment puis-je accéder à l'option qui a été choisie. Je voudrais que les éléments réels et pas seulement la valeur.

$('select').addEvent('change',function(event) {
    //??
});

source d'informationauteur adivasile

  1. 13

    L'une de ces travaux:

    trouver par :sélectionné pseudo-sélecteur de descendants

    this.getElement(':selected');

    obtenir la première valeur sélectionnée

    this.getSelected()[0];

    pur javascript, utilisez la propriété selectedIndex

    this.options[this.selectedIndex];
  2. 4

    Simplement accéder à la selectedIndex de propriété sur l'élément select (this objet dans le gestionnaire d'événements) pour obtenir l'option d'index.

    //get the index of the selected option
var index = this.selectedIndex;

//get the option element
var opt   = this.options[index];
  3. 0

    event.target.id est l'objet

    event.target.value est la nouvelle valeur