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

标签 jquery html forms

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

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

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

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

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

比起你。

最佳答案

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 可能会出现问题(两种形式都将可见)

关于jquery - 如何在 html 表单之间切换/选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3675006/

相关文章:

javascript - Angularjs - 更新 SPAN 的复选框

html - 将页脚放在页面底部

java - 多部分表单处理

javascript - 仅提交表单中的非空字段

javascript - 使用 php 和 html 自动完成

jquery - Bootstrap 选项卡在“下一个”和“上一个”按钮上移动

javascript - 从页面重新加载 DIV,而不更改页面

javascript - 附加 jQuery 的可调整大小的处理程序

forms - Word 表单 - 使用 VBA 在复选框单击上启用文本框

javascript - jQuery 事件父级对子级的触发效果