0

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