jquery - 如何在 html 表单之间切换/选择

Question

我有个小问题，需要你的专业...

所以我在两个 div 中有两种形式。 DIV ID=A 和 DIV ID=B

当用户访问我的站点时，a 想为访问者提供在表单之间进行选择的机会。用户看到一个下拉框，或两个单选按钮，如果选择选项 A，则从 A 加载，如果选择 B...，则 B..

但我不知道该怎么做，最好的做法是什么？我可以使用简单的 html，然后选择重定向到像 formA.php 和 formB.php 这样的子页面吗？或者使用 Jquery 和简单的隐藏和显示所需的 div？

你有什么建议？我是怎么做到的？

比起你。

Answer 1

Jquery 或类似的将是最优​​雅的 imo。像

<script type="text/javascript">
$(document).ready(function() {
    // hide the forms when page is ready
    $('#a').hide();
    $('#b').hide();

    $('#button1').click(function(){ 
        $('#a').show(); 
    });
    $('#button2').click(function(){ 
        $('#b').show(); 
    });
});
</script>

隐藏表单，有 2 个按钮(可以设置为 div)。然后当它们被点击时，显示相应的 HTML 表单。

可以扩展为“切换”表单，或者只允许选择 1 个。

如果禁用 JS 可能会出现问题(两种形式都将可见)