Question

求助，怎么实现点击让<tr>增加一行

Answer 1

前台用js添加tr，用了jquery

P<table border="1"><?php for($i=1;$i<6;$i++){ ?> <tr> <td><input type="text" name="chanpin<?php echo $i; ?>" value=""></td> <td><input type="number" id="jiage<?php echo $i; ?>" name="jiage<?php echo $i; ?>" value=""></td> <td><input type="number" id="num<?php echo $i; ?>" name="num<?php echo $i; ?>" value="" onblur="test1('jiage<?php echo $i; ?>','num<?php echo $i; ?>','sum<?php echo $i; ?>','<?php echo $i ?>')"></td> <td><input type="number" id="sum<?php echo $i; ?>" name="sum<?php echo $i; ?>" readonly="readonly"></td> </tr><?php } ?> <tr id="item_add"> <td colspan="4"><input type="hidden" id="hidNum" name="hidNum" value="<?php echo $i; ?>" /><button onclick="kkk()">add</button></td></tr></table><script src="lib/jquery.min.js"></script><script> function kkk() { var num = $("#hidNum").val(); // num = parseInt(num); $('#item_add').prev().clone().insertBefore($('#item_add')); $('#item_add').prev().find('input:eq(0)').attr('name','chanpin'+num); $('#item_add').prev().find('input:eq(1)').attr('name','jiage'+num); $('#item_add').prev().find('input:eq(2)').attr('name','num'+num); $('#item_add').prev().find('input:eq(2)').attr('onblur','test1(jiage'+num+',num'+num+',sum'+num+','+num+')'); $('#item_add').prev().find('input:eq(3)').attr('name','sum'+num); num++; //点击自加 $("#hidNum").val(num); //重新赋值 }</script>