好的,所以我有一张桌子,我试图复制行并在输入价格和数量时计算总数。
我的表格行如下:
<tr class="itemRow1">
<td class="col-xs-2"><input class="form-control" name=
"item_number[]" type="text" value=""></td>
<td class="col-xs-2"><input class="form-control" name="item_name[]"
type="text" value=""></td>
<td class="col-xs-2"><input class="form-control" name=
"item_description[]" type="text" value=""></td>
<td class="col-xs-2"><input class="form-control price" name=
"item_price[]" type="text" value=""></td>
<td class="col-xs-2"><select class="form-control" name=
"item_tax[]">
<option value="1">
Yes
</option>
<option value="0">
No
</option>
</select></td>
<td class="col-xs-1"><input class="form-control qty" name=
"item_qty[]" type="text" value=""></td>
<td class="col-xs-1"><input class="form-control total" disabled
name="item_total[]" type="text" value=""></td>
</tr>
然后我有重复的javascript,找到行中的输入并从上一个条目中清除它们。
<script type="text/javascript">
$("#newRow").click(function() {
var count = $('#itemTable tbody tr').length + 1;
$("#itemTable .itemRow1")
.clone()
.attr('class', 'itemRow'+ count)
.appendTo("#itemTable")
.find(':input')
.val('')
});
</script>
这很好用,以下脚本是我遇到问题的代码。它应该是取qty字段并将其与qty field blur上的price字段相乘。
它第一次工作但是一旦你复制了行并尝试在该行上再次执行它,它就不会对第二行执行此操作。但是如果你在第一行改变某些东西,它也会在第二行改变。这不应该发生什么。