我创建了一些隐藏的下拉字段,我试图保持隐藏,直到选择适当。
我正在尝试使用mootools - 我已经输入了'警报',以便我可以看到变量在每一步都被传递。
第一个隐藏的下拉列表会相应显示,并且值会相应显示,但是当从第二个下拉列表中选择一个值时,该值为“未定义”,并且不显示第三个下拉列表。
我一直在寻找它,但无法弄清楚为什么这不起作用。任何建议将不胜感激。我是mootools&的新手。 Javascript所以它可能是一个简单的修复我只是没有看到。
您可以查看JSFiddle for this - 它包含所有html / javascript。
答案 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');
});
});
});