Mootools - 获取“未定义”作为下拉列表中的值 - 无法获取值

Question

我创建了一些隐藏的下拉字段，我试图将它们保持隐藏，直到进行适当的选择。

我正在尝试使用 mootools 来做到这一点 - 我已经放入了“警报”，以便我可以看到每一步传递的变量。

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

我已经一遍又一遍地查看它，但无法弄清楚为什么这不起作用。任何建议将不胜感激。我是 mootools 的新手Javascript，所以这可能是一个我只是没有看到的简单修复。

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

Answer 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');
          });

    });
});