javascript - TypeError:对象＃<HTMLSelectElement>在Joomla ChronoForm中没有方法“getSelected”

我的代码中出现此JS错误：

错误：TypeError: Object #<HTMLSelectElement> has no method 'getSelected'

码：

window.addEvent('domready', function() {
$('hide_me1').setStyle('opacity', '0');
$('hide_me2').setStyle('opacity', '0');
$('recipe').addEvent('change', function() {
var opt;
opt = this.getSelected().getProperty('data-serial').toString();
if ( opt.length > 0 ) {
  $('modelnumber').value = opt;
  $('hide_me1').setStyle('opacity', '1');
  $('hide_me2').setStyle('opacity', '1');
} else {
  $('modelnumber').value = '';
  $('hide_me1').setStyle('opacity', '0');
  $('hide_me2').setStyle('opacity', '0');
}
});
});

有人可以告诉我我做错了什么吗？我已经尝试了一切。
谢谢

最佳答案

不知道问题出在我看来，代码在此Fiddle上运行。

在您的情况下，this似乎没有被MooTools包装。我会尝试将this.getSelected更改为$(this.id).getSelected()并查看是否可行。

关于javascript - TypeError:对象＃<HTMLSelectElement>在Joomla ChronoForm中没有方法“getSelected”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13785733/