Question

我需要在我的网络应用程序中创建一个包含多个表单的部分，但是一次只能显示一个表单。那些形式非常相似（区别在于选择框而不是单选按钮等）。应使用选择框或顶部的某种选项卡菜单选择活动表单。表单用于使用mysql和php插入数据。最简单的方法是什么？

Answer 1

为每个表单标记指定一个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>

首先隐藏所有表单，然后显示您要选择的表单

多个表单（或多页）页面

1 个答案: