Question

我想添加库存，然后它将与数据库库存相加总和（jumlahtotal）字段不起作用

无论如何，我已经将js放在标题模板中

<div class="content-wrapper">
    <div class="panel-body">
        <form action="" method="POST">
            <?php echo validation_errors(); ?>
            <input type="hidden" name="id" value="<?= $buku['id'];?>">
      <input type="hidden" name="judul" value="<?= $buku['judul'];?>">
      <input type="hidden" name="pengarang" value="<?= $buku['pengarang'];?>">
      <input type="hidden" name="penerbit" value="<?= $buku['penerbit'];?>">
      <input type="hidden" name="tahun_terbit" value="<?= $buku['tahun_terbit'];?>">
      <input type="hidden" name="isbn" value="<?= $buku['isbn'];?>">
      <input type="hidden" name="rak" value="<?= $buku['rak'];?>">
      <input type="hidden" name="tgl_input" value="<?= $buku['tgl_input'];?>">
      <div class="form-group">
        <label for="jumlah">Jumlah Masuk</label>
        <input type="number" class="form-control" id="masuk" name="jumlah" value="0">
          <?= form_error('masuk','<small class="text-danger">','</small>') ?>
      </div>

            <div class="form-group">
                <label>Jumlah Total</label>
                <input type="number" class="form-control" id="jumlah" name="jumlah" value="<?= $buku['jumlah_buku']?>" readonly>
                    <?= form_error('jumlah','<small class="text-danger">','</small>') ?>
            </div>

            <div class="form-group">
                <input type="number" id="jumlahtotal">
            </div>
                <button type="submit" name="ubah" class="btn btn-primary">Update Data</button>
        </form>
    </div>
</div>

  <script>
    $(document).ready(function() {
        $('input').change(function () {
            var total = 0;
            $('input[name=jumlah]').each(function(){
                total = total+parseInt($(this).val());
            })
            $('input[id=jumlahtotal]').html(total);
        })
    })
</script>

我已经检查过js正在运行

Answer 1

您正在尝试在代码中设置innerHTML标签的input

$('input[id=jumlahtotal]').html(total);

在HTML中，input标签是未配对的标签。这意味着您不会在<input>和</input>中放入任何内容。只是<input>。您要尝试的是通过jquery放置<input> someValue </input>。

我认为您想这样做

$('input[id=jumlahtotal]').val(total);

这只是设置value元素的input属性。这是将值设置为input元素的正确方法。

从新输入字段中添加值，然后与现有数据库值相加

1 个答案: