Mootools - 从下拉列表中获取“未定义”值 - 无法获得价值

时间:2011-07-26 18:59:57

标签: javascript html mootools

我创建了一些隐藏的下拉字段,我试图保持隐藏,直到选择适当。

我正在尝试使用mootools - 我已经输入了'警报',以便我可以看到变量在每一步都被传递。

第一个隐藏的下拉列表会相应显示,并且值会相应显示,但是当从第二个下拉列表中选择一个值时,该值为“未定义”,并且不显示第三个下拉列表。

我一直在寻找它,但无法弄清楚为什么这不起作用。任何建议将不胜感激。我是mootools&的新手。 Javascript所以它可能是一个简单的修复我只是没有看到。

您可以查看JSFiddle for this - 它包含所有html / javascript。

1 个答案:

答案 0 :(得分:1)

这很有效。我没有依赖this,而是将其更改为使用传递的Event对象,然后从中获取目标。

window.addEvent('domready', function() {
    $('numberStyle').addEvent('change', function() {
        var targ = $(this.get('value'));
        $$('.sub-1').setStyle('display', 'none');
        targ.setStyle('display', 'block');
        alert('TargID = ' + targ.id);

        targ.addEvent('change', function(evt) {
            var targID1 = $(evt.target).get('value');
            alert('The value is of sub-1 is ' + targID1);
            $$('.sub-2').setStyle('display', 'none');
            $(targID1).setStyle('display', 'block');
          });

    });
});