多个表单（或多个页面）页面

我需要在具有多个表单的Web应用程序中创建一个部分，但一次只能显示一个表单。这些表单非常相似（区别在于选择框而不是单选按钮等）。应该使用选择框或顶部的某种选项卡来选择活动表单。表单用于使用mysql和php插入数据。做这件事最简单的方法是什么？多个表单（或多个页面）页面

来源

2012-06-26 Marko Mijailovic

你需要使用jQuery或任何其他客户端AJAX使用一个边库。 – NAVEED

为每个表单标签分配一个id标记，然后在您的下拉选择框中添加一个onchange监听器。在监听器中切换窗体的CSS显示属性。

<select name="..." id="change" onchange='OnChange(this.options[this.selectedIndex].value);'> 
    <option val="form_id_1">form 1</option> 
</select>

随后的JavaScript将是：

<script language="text/javascript"> 
<!-- 
function OnChange(form_id) 
{ 

    document.getElementById("first_form_id").style.display = 'none'; 
    document.getElementById("second_form_id").style.display = 'none'; 
    document.getElementById("third_form_id").style.display = 'none'; 
    document.getElementById("fourth_form_id").style.display = 'none'; 

    document.getElementById(form_id).style.display = 'block'; 

    return true; 
} 
//--> 
</script>

这个隐藏在首先的形式，然后显示你想选择

来源

2012-06-26 06:27:22 Stephen

我自己想出来的，但非常感谢答案=）我通过在隐藏的div（使其变得可见）内制作窗体来做到这一点。现在我只需要找出如何将div放置在所需的位置。 –

多个表单（或多个页面）页面

回答

相关问题