0

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

4

1 回答 1

0

给每个表单标签一个 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-26T06:27:22.860 回答