phpとhtmlのフォームの動的配列

Question

私は、学生の情報を挿入するページを作成したいので、私は2つのフィールドのフォームを使用します： - ファーストネーム - ラストネーム。 また、保存（学生情報をデータベースに保存）と追加（別のフォームを正確に同じように表示）の2つのボタンもあります。一つのideeaはjavascriptを使い、最初のものを除いてすべてのフォームを隠してからAddボタンを押して別のフォームを見せてもらったが、私は挿入したくない生徒をたくさん知っていたので、ページが読み込まれるときのすべてのフォーム。動的にフォームを作成し、フォームでリストに追加してページに追加する方法が必要です。 Saveボタンが押されると、フォームのリストを反復して、特定のフォームから情報を得ることができます。

誰かが私を助けてくれますか？

Answer 1

あなたは、基本的なHTMLフォームを作成し、新しい学生のためのフォームからの要素のクローンを作成するには、ボタンを作成することができます。

<form id="form"> 
    <div id="master"> 
    <input name="name[]" /> 
    </div> 
</form> 

<a id="clone" href="#clone">new student</a> 

jQueryを使って、たとえば、それはHTML要素のクローンを作成し、に新しいものとして、それらを挿入するのは簡単ですサイト：

$('#clone').click(function(e) { 
    e.preventDefault(); 
    $('#master').clone().appendTo('#form'); 
}); 

Answer 2

あなたは（jQueryのような）任意のライブラリを使用したくない場合は、各クリックに新しい入力を追加し、生のjavascriptでそれを行うことができます：

<script> 
function add() 
{ 
    document.getElementById("formzone").innerHTML = document.getElementById("formzone").innerHTML + "First name: <input type='text' name='firstname[]'>Last name: <input type='text' name='lastname[]'><br>"; 
} 
</script> 


<form method='POST'> 
<span id='formzone'> 
First name: <input type='text' name='firstname[]'>Last name: <input type='text' name='lastname[]'><br> 
</span> 
<input type='submit' value='Save'> 
<input type='button' value='Add' onclick='add()'> 
</form>