jquery ile form satırlarınızı kopyalayın

jquery ile form satırlarınızı kopyalayın

merhaba arkadaşlar çoğu yerde vardır bir örneği elbet, arşivimde olsun istedim. bir projemizde gerekli oldu bize.


<DIV id="product-header">
<DIV class="float-left"> </DIV>
<DIV class="float-left col-heading">Tablo Başlık 1</DIV>
<DIV class="float-left col-heading">Tablo Başlık 2</DIV>
</DIV>
<DIV id="product">
	<DIV class="product-item float-clear" style="clear:both;">
	<DIV class="float-left"><input type="checkbox" name="item_index[]" /></DIV>
	<DIV class="float-left"><input type="text" name="item_name[]" /></DIV>
	<DIV class="float-left"><input type="text" name="item_price[]" /></DIV>
	</DIV>
</DIV>
<DIV class="btn-action float-clear">
<input type="button" name="add_item" value="Add More" onClick="ekle();" />
<input type="button" name="del_item" value="Delete" onClick="sil();" />
</DIV>

şimdi de jquery


function ekle() {
	$(".product-item:last").clone().insertAfter(".product-item:last");	
}
function sil() {
	$('DIV.product-item').each(function(index, item){
		jQuery(':checkbox', this).each(function () {
            if ($(this).is(':checked')) {
				$(item).remove();
            }
        });
	});
}


kaynak

Hakan AK

Son Yazılar