ボタンをクリックした後に要素を保持する方法

Question

ボタンをクリックしている間に要素を追加しようとしていましたが、ボタンをクリックすると追加され、2分で消えました。試しました。

$(document).ready(function() { 
    var d = ""; 
    $("input[name='submit']").click(function() { 
    alert("button is clicked"); 
    d = $("select").val(); 
    alert("d====" + d); 
    myfunction(d); 
    }); 

    function myfunction(d) { 
    if (d != "" && d != "undefined" && d != null) { 
     for (i = 0; i < d; i++) { 
     alert("hello"); 
     var d1 = "<div class='form-group'><label>Upload Image</label><div class='input-group'><span class='input-group-addon'><i class='fa fa-picture-o'></i></span><input type='file' name=" + i + "class='form-control' placeholder='Upload your photo' id='img'></div></div>"; 
     $("#d2").append(d1); 
     } 
    } 
    } 
}); 

Answer 1

申し訳ありませんが、私はそれが理由です....それがポストされ、ページが（リフレッシュ）ロードされ、コンテンツが無効になっているボタンをクリックしながら、フォーム要素内の送信ボタンを置きます。

Answer 2

は、送信ボタンがFORMタグに配置されていますか？

私はあなたが送信ボタンをクリックしたときに、あなたのページがURL

は、以下のようにコードを変更 ターゲットにリダイレクトされますので、それが起こると思う：

$(document).ready(function() { 
    var d = ""; 
    $("input[name='submit']").click(function(e) { 
    e.preventDefault(); 
    alert("button is clicked"); 
    d = $("select").val(); 
    alert("d====" + d); 
    myfunction(d); 
    }); 

    function myfunction(d) { 
    if (d != "" && d != "undefined" && d != null) { 
     for (i = 0; i < d; i++) { 
     alert("hello"); 
     var d1 = "<div class='form-group'><label>Upload Image</label><div class='input-group'><span class='input-group-addon'><i class='fa fa-picture-o'></i></span><input type='file' name=" + i + "class='form-control' placeholder='Upload your photo' id='img'></div></div>"; 
     $("#d2").append(d1); 
     } 
    } 
    } 
}); 

Answer 3

場所にこのコードをdocument.readyブロック内

$('form').submit(function() 
{ 
    return false; 
});