Change event on <select>
14,915
Solution 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];
Solution 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];
Author by
adivasile
Updated on June 07, 2022Comments
-
adivasile almost 2 years
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) { //?? });