在<select> </select>上更改事件

Question

使用Mootools，如果我在<select>上附加更改事件侦听器，如何访问所选的选项。我想要实际的元素，而不仅仅是价值。

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

Answer 1

其中任何一个都可行：

find by：后代中选择的伪选择器

this.getElement(':selected');

获得第一个选定值

this.getSelected()[0];

纯javascript，使用selectedIndex属性

this.options[this.selectedIndex];

Answer 2

只需访问select元素（事件处理程序中的selectedIndex对象）上的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是新值