javascript - <select> 上的更改事件

标签 javascript html-select mootools mootools-events

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

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

最佳答案

这些中的任何一个都可以工作:

find by :selected 后代中的伪选择器

this.getElement(':selected');

获取第一个选定的值
this.getSelected()[0];

纯 javascript,使用 selectedIndex 属性
this.options[this.selectedIndex];

关于javascript - <select> 上的更改事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2460875/

相关文章:

javascript - SmoothMenu JavaScript 帮助

vue.js - Vuetify 从 <v-select> 中获取选定的索引

javascript - 从函数中的 switch 语句更改 var 值

javascript - 加载 gif 加载时间过长

css错误显示inline-table

css - Material-UI如何根据select组件的宽度设置MenuItem(popover)的minWidth和maxWidth

javascript - 在鼠标悬停时调整图像大小 (Javascript/MooTools)

javascript - 如何在 mootools(1.1) 中单击按钮获取元素的 ID

jquery - Javascript webapp CSS3 动画

javascript - context.drawImage 在 Chrome 中工作但在 Firefox 中不工作