Javascript 如何在<；部门>；使用HTML/JS单击按钮

选择名称
$（文档）.ready（函数（）{
/*
$（“#按钮1”）。单击（函数（）{
$（“#表格1”）.show（）；
}); */
});

如果没有代码，帮助不大，但一般流程是，您可以为不同的按钮分配onclick事件，并将表单样式设置为：

display:none;

onclick函数应该类似于

//remember to set the form id for this to work
function foo(){
    document.getElementById("form id here").style.display = "block";
    //if you need to show only one then use set the other one to none
    document.getElementById("the other form id here").style.display = "none";
}

使用此方法，两个按钮需要两个不同的功能。

试试这个

选择名称
函数displayform1（）{
document.getElementById（“form_1”）.style.display=“block”；
document.getElementById（“form_2”）.style.display=“无”；
}
函数displayform2（）{
document.getElementById（“form_1”）.style.display=“无”；
document.getElementById（“form_2”）.style.display=“block”；
}
//排除第三个

共享您的代码…因为您的问题不清楚。我用同样的方法尝试过，但问题是，虽然表单处于隐藏状态，但它们有自己的位置，并且使它们一个接一个地可见不会在堆栈的最上层显示它们。@Kittu，用display:none尝试一下。众所周知，display:hidden将占用空间，但display:none不会占用任何空间。快速搜索给出了解释：display:none在页面中不可用，并且不会占用任何空间。可见性：隐藏隐藏元素，但它仍将占用与以前相同的空间。元素将被隐藏，但仍会影响布局。可见性：隐藏保留空间，而显示：无不保留空间。我仅使用style=“display:none”尝试。。但它还是保留了空间。