Изменить событие на <select>

Question

С Mootools, если я присоединяю прослушиватель события изменения к <select>, как мне получить доступ к выбранной опции. Я хотел бы фактический элемент, а не только значение.

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

Answer 1

Любой из них будет работать:

поиск по: выбранному псевдо-селектору в потомках

this.getElement(':selected');

получить первое выбранное значение

this.getSelected()[0];

чистый JavaScript, используйте свойство selectedIndex

this.options[this.selectedIndex];

Answer 2

Просто получите доступ к свойству selectedIndex элемента select (объект this в обработчике событий), чтобы получить индекс опции.

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

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

Answer 3

event.target.id это объект

event.target.value - это новое значение