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.as获取值

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

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

FIDDLE

Answer 1

这种幻想选择洛伦佐为legacyEvents做has a option。{ 将打开可以解决您的问题。

试试这个：

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;覆盖$$ $i。你可以做{{1}} istead。

从FancySelect mootools获得价值

1 个答案:

Demo