Javascript 从FancySelect工具获取值

我用mootools创建了一个下拉列表，但我不知道当值发生变化时如何将其值转换为变量

HTML

   <select name="fruits" id="fruits">
     <option value="1" data-image="http://www.lorenzostanco.com/lab/demos/FancySelect/Graphics/Fruits/Apple.png">Apple</option>
     <option value="2" data-image="http://www.lorenzostanco.com/lab/demos/FancySelect/Graphics/Fruits/Banana.png">Banana</option>
   </select>

我尝试使用jQuery.com获取值，如下所示

  $('#fruits').change(function(){
         alert($this).val())
  });

但这是一个错误，元素未定义

---

这是洛伦佐为

legacyEvents

打开它可以解决你的问题

试试这个：

var $i = document.id;
$i('fruits').fancySelect({legacyEvents: true}); // note here i added {legacyEvents: true}
$i('fruits').addEvent('change', function () {
    alert(this.get('value'));
});

---

注意：不要执行

var$$=document.id您正在重写一个名为
$$
的。你可以做
$i
istead.
谢谢，这对我来说很好，这是我第一次使用mootools….@shin，很高兴我能帮上忙。欢迎来到MooTools！
var $i = document.id;
$i('fruits').fancySelect({legacyEvents: true}); // note here i added {legacyEvents: true}
$i('fruits').addEvent('change', function () {
    alert(this.get('value'));
});