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