入力要素を作成してjsスクリプトで入力する

フォームの入力行を追加して1つのリクエストでバックエンドに投稿できるようにしました。入力要素を作成してjsスクリプトで入力する

<!DOCTYPE html> 
<head> 
</head> 
<body> 
    <form action="#" method="post"> 
    <input id="firstElement" type="text" name="firstElement" value=""> 
    <button onClick="addRow()">add row</button><br> 
    <div id="container"></div> 
    <input type="submit" value="submit"> 
    </form> 

    <script> 
    function addRow() { 
     var container = document.getElementById("container"); 
     var myElement1 = document.getElementById("firstElement").value; 

     document.getElementById("firstElement").value = ""; 

     var i = 0; 

     var input1 = document.createElement("input"); 
     input1.type = "text"; 
     input1.name= "myElement1"+ i; 
     input1.disabled = "true"; 
     input1.value = myElement1; 
     container.appendChild(input1); 
     container.appendChild(document.createElement("br")); 
     i++; 
     } 
    </script> 
</body>

は、このコードは、その後秒以下と何も...

出典

2016-11-30 SoroushOwji

デフォルトの出力を示しtypeの属性：を、必要であれば、同じ情報の種類は、これは私が使用しているコードです。ボタンの要素はsubmitです。ボタンをクリックすると、フォームを実際に送信しています。変更は、簡単に代わりbuttonするtypeを指定することによって、：; `` onClick`イベントに

<button onClick="addRow()" type="button">add row</button>

jsFiddle example

出典

2016-11-30 18:11:07 j08691

別のオプションとして、素敵ではない一方では、falseを返す '追加することです。 – GAntoine

入力要素を作成してjsスクリプトで入力する

答えて

関連する問題