jQuery動態新增多組記錄
阿新 • • 發佈：2018-12-27
分享如何在同一個畫面裡讓使用者可以無限制新增多筆記錄。
要完成這個功能，需要在 <form> tag 外放把 row 放到隱藏的div裡：
<div id="phoeniixx_discount_div" style="display:none;"> <div class="phoeniixx_discount_min_max_div"> <input type="number" placeholder="Min Quantity" name="min_val[]" class="min_val" value=""> <input type="number" placeholder="Max Quantity" name="max_val[]" class="max_val" value=""> <input type="number" step='any' placeholder="Discount Value" name="discount[]" class="discount" value=""> <button name="remove_b" class="phoe_remove_disc_div button">-</button> </div> </div>
找一個 div 當容器：
<div class="phoeniixx_discount_html_content_div"></div>
新增的jQuery:
var a = jQuery('#phoeniixx_discount_div').html();
jQuery('.phoe_add_disc_more').click(function(){ jQuery('.phoeniixx_discount_html_content_div').append(a);});
刪除的jQuery:
jQuery(document).on('click','.phoe_remove_disc_div',function(){jQuery(document).on('click','.phoe_remove_disc_div',function(){ jQuery(this).parent('div').remove();});