自动滚动到Magento中的下一个选项

Question

我是JS的新手。 如何将onclick事件添加到magento Advanced选项，因此当选择第一个选项时，它应自动滚动（跳转）到下一个选项，而无需手动滚动下一个选项。 以下是一个示例： 链接到示例

Answer 1

由于您在帖子中标记了“jQuery”，我将假设您要使用它。

下面是您可以使用的示例的代码，但它（特别是选择器）对于其他模板将是不同的。

// Click event handler
$('.optionblock input').click(function(){
    // Check if there is a next option block
    var $next = $(this).parents('.optionblock').next('.optionblock');
    if($next.length) {
        // Set scroll position to the next option block
        $(window).scrollTop($next.offset().top);
    }
});

这只是为了得到这个想法。 我没有考虑crossbrowser支持和动画滚动效果。

更新：这里有一个动画滚动效果的实例： http ： //jsfiddle.net/66AmA/

更新2：对于您的特定HTML结构，代码将如下所示： http ： //jsfiddle.net/FFu6n/

Answer 2

尝试定义“onChange”事件以关注下一个输入（或使用除onchange之外的其他条件）：

document.getElementById("myForm").elements[next].focus();