Change event on Asked Mar 17 '10 at 09:03 Active Feb 28 '20 at 08:06 Viewed 1.5k times 11 0 With Mootools, if I attach a change event listener on a <select> how do I access the option that was selected. I would like the actual element and not just the value. $('select').addEvent('change',function(event) { //?? }); javascript html-select mootools mootools-events edited Feb 28 '20 at 08:06 Brian Tompsett - 汤莱恩 5,753 72 57 129 asked Mar 17 '10 at 09:03 adivasile 2,377 3 24 32 e.target maybe? just guessing here though – knittl Mar 17 '10 at 09:07 event.target only points to the element – adivasile Mar 17 '10 at 09:13

Answer 1

Either of these will work:

find by :selected pseudo selector in descendants

this.getElement(':selected');

get first selected value

this.getSelected()[0];

pure javascript, use the selectedIndex property

this.options[this.selectedIndex];

Answer 2

Just access the selectedIndex property on the select element (this object in the event handler) to get the option index.

// 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 is the object

event.target.value is the new value