Bootstrap add row แล้วสร้าง modal pop up ของแต่ละแถวเพื่อใช้ onclick รายการลง main page

<script>
     $(document).ready(function(){

      var i=1;
     $("#add_row").click(function(){
      $('#addr'+i).html("<td  bgcolor='#FFFFCC' class='text-center'>"+ (i+1) +".</td><td bgcolor='#FFFFCC'><input name='Product"+i+"' id='Product"+i+"' type='text' class='form-control'  style='width: 180px;' /> <a href='#' class='btn btn-primary' data-toggle='modal' data-target='#Modal"+i+"'>&nbsp;...</a> </td> <td bgcolor='#FFFFCC'> <input type='number' name='Packing"+i+"' class='form-control' step='0' min='0' style='width: 100px;' /><select  name='Packing_quanlity"+i+"'  id='Unit"+i+"'  class='form-control' style='width:60px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option><option value='G.' >G.</option>option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option></select> / <select name='Packing_unit"+i+"' class='form-control' style='width: 60px;'><option value=''>เลือกบรรจุ</option><option value='CAN.'>CAN.</option><option value='IBC.' >IBC.</option><option value='DRUM.'>DRUM.</option><option value='BAG.'>BAG.</option><option value='BOT.' >BOT.</option><option value='GALLON.'>GALLON.</option><option value='BOX.' >BOX.</option><option value='Hrs.'>Hrs.</option><option value='LOT.'>LOT.</option><option value='POINT.'>POINT.</option><option value='PACK.'>PACK.</option><option value='PC.'>PC.</option><option value='TIME.'>TIME.</option><option value='SET.'>SET.</option><option value='MONTH.'>MONTH.</option><option value='UNIT.' >UNIT.</option></select></td><td bgcolor='#FFFFCC'><input type='number' name='Quanity_Stock"+i+"'  class='form-control' step='0' min='0' style='width: 80px;' /><select name='Quantity_Stock"+i+"' class='form-control' style='width:65px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='G.' >G.</option><option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option></select></td><td bgcolor='#FFFFCC'><input name='Quanity"+i+"' type='number'  class='form-control qty' step='0.00' min='0' style='width: 80px;'><select name='Unit_Quantity_Stock"+i+"'  class='form-control' style='width:65px;'><option value='' >เลือกหน่วยนับ</option><option value='CC.' >CC.</option><option value='JOB.'>JOB.</option><option value='PC.' >PC.</option><option value='UNIT.'>UNIT.</option><option value='KG.' >KG.</option><option value='LITER.' >LITER.</option><option value='ML.' >ML.</option><option value='M.' >M.</option><option value='G.' >G.</option><option value='CM.'>CM.</option><option value='MM.' >MM.</option><option value='IBC.' >IBC.</option><option value='SET.'>SET.</option><option value='LOT.'>LOT.</option></select></td><td bgcolor='#FFFFCC'><input name='price"+i+"' type='number'  class='form-control price'  style='width: 100px;' min='0' step='0.00' /></td><td bgcolor='#FFFFCC'><input type='number' name='total["+i+"]' placeholder='0.00' class='form-control total'  style='width: 100px;'  readonly/></td>");









      $('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
      i++; 
  });
     $("#delete_row").click(function(){
    	if(i>1){
		$("#addr"+(i-1)).html('');
		i--;
		}
		calc();
	});
	
	$('#tab_logic tbody').on('keyup change',function(){
		calc();
	});
	$('#tax').on('keyup change',function(){
		calc_total();
	});
	

});

function calc()
{
	$('#tab_logic tbody tr').each(function(2i, element) {
		var html = $(this).html();
		if(html!='')
		{
			var qty = $(this).find('.qty').val();
			var price = $(this).find('.price').val();
			$(this).find('.total').val(qty*price);
			
			calc_total();
		}
    });
}

function calc_total()
{
	total=0;
	$('.total').each(function() {
        total += parseInt($(this).val());
    });
	$('#sub_total').val(total.toFixed(2));
	tax_sum=total/100*$('#tax').val();
	$('#tax_amount').val(tax_sum.toFixed(2));
	$('#total_amount').val((tax_sum+total).toFixed(2));
	$('#textSum1').val((tax_sum+total).toFixed(2));
}

</script>