用户可以创建表并向其添加记录。添加记录时,必须计算另一个值。我尝试用jQuery做到这一点,但有些事情是错误的,不起作用。也许有人可以帮助我并说出如何做到这一点。
部分来自刀片模板(完整模板:https://pastebin.com/Mdq8fCnJ):
@foreach($tables as $table)
@foreach($table->fuelAccountingRecords as $record)
<tr>
<td id="name">{{ $record->name }}</td>
<td id="liters">{{ number_format($record->liters, 2, '.', '') }}</td>
<td id="show_kilograms"></td>
<td id="show_price"></td>
<td>
<input type="hidden" name="record_id"
value="{{ $record->id }}">
<button type="submit" class="btn btn-danger btn-sm"
name="deleteRecord">Trinti
</button>
</td>
</tr>
@endforeach
@endforeach
和jQuery代码:
$(document).ready(function () {
var total_kilograms = $('#total_kilograms').val();
$('#show_kilograms').text(total_kilograms);
$('[data-table-id]').on('click', function () {
$('#table-' + $(this).data('table-id')).append(
'<tr class="child">' +
'<td><input type="text" class="form-control" name="name" autocomplete="off" required autofocus></td>' +
'<td><input type="text" class="form-control" name="liters" autocomplete="off" required></td>' +
'<td>-</td>' +
'<td>-</td>' +
'<td><button type="submit" class="btn btn-primary btn-sm" name="saveRecord">Išsaugoti</button></td>' +
'</tr>'
);
});
});
我用来向表添加行的另一个jQuery行,用户可以在其中添加记录。我无法从表中获取值,然后输出或计算。帮我解决一下。