Web アプリケーションで複数のフォームを持つセクションを作成する必要がありますが、一度に表示できるフォームは 1 つだけです。これらのフォームは非常に似ています (違いは、ラジオ ボタンではなく選択ボックスなどです)。アクティブなフォームは、選択ボックスまたは上部のある種のタブ付きメニューを使用して選択する必要があります。フォームは、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 に答える