请参考图片
这是我的代码输入部分,导致出现问题:
<form method="POST" action="addProduct.php">
<div class="col-lg-4 topmargin">
<span><h4>Size</h4></span>
<table class="table borderless sizeTable" id="dynamic_price" >
<tr>
<td> <input class="form-control "type="text" name="size[]" placeholder="200 ml" size="100%"> </td>
<td><button class="btn btn-primary" name="addSize" id="addSize">+</button></td>
</tr>
</table>
</div>
</form>
这是JQuery:
<script>
$("#addSize").click(function(){
$('.sizeTable tbody tr:last').after('<tr><td> <input class="form-control "type="text" name="size[]" placeholder="9.99" size="100%"> </td><td><button class="btn btn-danger" name="removeSize">-</button></td></tr>');
});
</script>
如何使其在表单中起作用?
答案 0 :(得分:1)
您的button
必须具有type="button"
,否则默认值为type="submit"
。如果您想保留type="submit"
(暂时),则需要在事件监听器上使用preventDefault()
,以防止它在表单上执行默认的“提交”操作。