javascript - 从 FancySelect mootools 中获取值(value)

Question

我使用 mootools 创建了一个下拉菜单 FancySelect .但我不知道当值更改时如何将其值获取到变量。

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>

Javascript

        var $$=document.id;
        $$('fruits').fancySelect();

我尝试使用 jQuery 获取值，如下

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

但它引发错误，元素未定义。

FIDDLE

Answer 1

洛伦佐所做的这个奇特选择 has a option对于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'));
});

Demo

注意:不要执行var $$=document.id;，您将覆盖 mootools method这是$$。您可以改为 $i 。