2014-08-28 34 views
0

我按动按钮时动态添加一些输入字段。但是当我发布形式动态地增加投入后没有设置值动态添加输入字段不在帖子中

$('.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> 

感谢您的阅读!

+0

邮政相关的HTML也是如此。 – Musa 2014-08-29 00:00:03

回答

0

第一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') 
}); 
+0

感谢yu,我知道你不能在javascript acros多行中有一个字符串,但我现在没有可以逃脱换行符 – 2014-08-29 05:49:16