ダイナミックテキストボックスを作成していますが、コードが動作しません

私はちょうどJavaスクリプトを学習し始めました。私は動的テキストボックスを作ろうとしていますが、私のコードは動作していません。誰かが私の間違いを是正するのに役立つことができますか？ダイナミックテキストボックスを作成していますが、コードが動作しません

<html> 
<head> 
</head> 
<body> 
<script language="javascript"> 

    function add(){ 
     var text=document.createElement('input'); 
     var add=document.getElementById("Myform"); 
     text.setAttribute("type","text"); 
     text.setAttribute("name","BookName"); 
     add.appendChild(text); 
    } 
</script> 
<form action="new1.php" id="Myform"> 
<input type="submit" value="Submit" id="submit" onclick="javascript:add();"/>  <br/> 

</form> 
</body> 
</html>

テキストボックスが消える前に消えます。

出典

2016-07-13 Krit

入力タイプをボタンなどに変更してフォームを送信します。送信ボタンを使用するには、動的アクション用にもう1つのボタンを追加する必要があります。

<input type="button" value="Submit" id="submit" onclick="javascript:add();"/>

出典

2016-07-13 12:54:46

あなたはこのように提出止める必要があります。

function add(){ 
 
var text=document.createElement('input'); 
 
var add=document.getElementById("Myform"); 
 
text.setAttribute("type","text"); 
 
text.setAttribute("name","BookName"); 
 
add.appendChild(text); 
 
}

<form action="new1.php" id="Myform" onsubmit="event.preventDefault();"> 
 
<input type="submit" value="Submit" id="submit" onclick="javascript:add();"/>  <br/> 
 

 
</form>

出典

2016-07-13 12:57:06

このplunker

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <form action="new1.php" id="Myform"> 
<input type="button" value="Submit" id="submit" onclick="add();"/>  <br/> 

</form> 
    </body> 

</html>

をお試しください210

function add(){ 
var text=document.createElement('input'); 
var add=document.getElementById("Myform"); 
text.setAttribute("type","text"); 
text.setAttribute("name","BookName"); 
add.appendChild(text); 
}

出典

2016-07-13 12:58:00

ダイナミックテキストボックスを作成していますが、コードが動作しません

答えて

関連する問題