動態添加輸入字段不在帖子中

Question

我按動按鈕時動態添加一些輸入字段。但是當我發佈形式動態地增加投入後沒有設置值

$('.addslidebutton').click(function(){ 
    i++; 
    $('<div class="edit-slide"><div class="input "><label for="imageurl-new-'+i+'">Afbeeldings url</label><input name="imageurl-new-'+i+'" value="" class="" type="text" id="imageurl-new-'+i+'"></div><div class="input "><label for="linkurl-new-'+i+'">Link url</label><input value="" class="" type="text" id="linkurl-new-'+i+'" name="linkurl-new-'+i+'"></div><div class="input "><label for="tekst-new-'+i+'">tekst</label><input value="" class="" type="text" id="tekst-new-'+i+'" name="tekst-new-'+i+'"></div></div>').insertBefore('.addslidebutton'); 
}); 

和輸出HTML：

<div class="edit-slide"> 
    <div class="input "><label for="imageurl-new-1">Afbeeldings url</label><input name="imageurl-new-1" value="" class="elfinderselect" type="text" id="imageurl-new-1"></div> 
    <div class="input "><label for="linkurl-new-1">Link url</label><input value="" class="" type="text" id="linkurl-new-1" name="linkurl-new-1"></div> 
    <div class="input "><label for="tekst-new-1">tekst</label><input value="" class="" type="text" id="tekst-new-1" name="tekst-new-1"></div> 
</div> 

感謝您的閱讀！

Answer 1

第一U必須做的是讓你的代碼是否可讀伊斯利發展這樣一個

$('.addslidebutton').click(function(){ 
    var i = $(".edit-slide").length+1; 
    $('<div class="edit-slide">\ 
    <div class="input ">\ 
     <label for="imageurl-new-'+i+'">Afbeeldings url</label>\ 
     <input name="imageurl-new[]" value="" class="" type="text" id="imageurl-new-'+i+'">\ 
    </div>\ 
    <div class="input ">\ 
     <label for="linkurl-new-'+i+'">Link url</label>\ 
     <input value="" class="" type="text" id="linkurl-new-'+i+'" name="linkurl-new[]">\ 
    </div> 
    <div class="input ">\ 
     <label for="tekst-new-'+i+'">tekst</label>\ 
     <input value="" class="" type="text" id="tekst-new-'+i+'" name="tekst-new[]">\ 
    </div>\ 
    </div>').insertBefore('.addslidebutton') 
});