如何保存點擊按鈕後的元素

Question

我試圖添加元素，而按鈕被點擊。但它被添加時，當我點擊按鈕，它只是在2分鐘內消失如何設置permenantly.following是代碼我試過。

$(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; 
});