Автоподсчет Java Скрипт не работает в другом модальном режиме - PullRequest
1 голос
/ 27 мая 2020

Я пытаюсь сделать некоторые автоматические вычисления при выборке данных массива с помощью всплывающего модального окна, технически javascript просто работает с первой записью данных, но остальные не работают ... вы можете помочь мне решить эту проблему?

Здесь мой html код:

<form method="POST" action="" >
   <div class="row">
      <div class="form-group first-column">
         <label>Bulan
         </label>
         <select class="form-control" name="bulan">
            <option selected="selected">Pilih Bulan</option>
            <?php
               $bulan=array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
               $jlh_bln=count($bulan);
               for($c=0; $c<$jlh_bln; $c+=1){
                   echo"<option value=$bulan[$c]> $bulan[$c] </option>";
               }
               ?>
         </select>
      </div>
      <div class="form-group second-column">
         <label>Tahun
         </label>
         <?php
            $now=date('Y');
            echo "<select class='form-control' name=tahun>";
            for ($a=2015;$a<=$now;$a++)
            {
                 echo "<option value='$a'>$a</option>";
            }
            echo "</select>";
            ?>
      </div>
   </div>
   <div class="form-group ">
      <label>ID Karyawan
      </label>
      <input class="form-control" id="cname" name="p_idkaryawan" type="text" value="<?php echo $data['id'];?>" disabled>
      <input class="form-control" id="cname" name="p_idkaryawan" type="text" value="<?php echo $data['id'];?>" hidden>
   </div>
   <div class="form-group ">
      <label>Nama Lengkap
      </label>
      <input class=" form-control" id="cname" name="nama" type="text" value="<?php echo $data['nama'];?>" disabled>
   </div>
   <div class="form-group ">
      <label>Gaji Pokok
      </label>
      <input class=" form-control" id="txt1" name="nama" type="text" value="<?php echo $data['gapok'];?>" disabled>
   </div>
   <div class="row">
      <div class="form-group first-column">
         <label>Tarif Lembur
         </label>
         <input class=" form-control"  id="txt2"  onkeyup="sum();" name="nama" type="text" value="<?php echo $data['lembur'];?>" disabled>
      </div>
      <div class="form-group second-column">
         <label>Jumlah Lembur
         </label>
         <input class=" form-control"  id="txt3"  onkeyup="sum();" name="jumlahlembur" type="text" placeholder="satuan hari">
      </div>
   </div>
   <div class="form-group ">
      <label>Tunjangan Jabatan
      </label>
      <input class=" form-control" id="txt4" onkeyup="sum();"name="tunjangan" type="text" placeholder="beri angka 0 jika tidak ada">
   </div>
   <div class="form-group ">
      <label>Bonus
      </label>
      <input class=" form-control" id="txt5" onkeyup="sum();"name="bonus" type="text" placeholder="beri angka 0 jika tidak ada">
   </div>
   <div class="form-group ">
      <label>Total Gaji Bulan
      </label>
      <input class=" form-control" id="txt6" name="totalgaji" type="text" >
   </div>
   <br>
   <div class="row">
      <div class="pull-right">
         <button class="btn btn-primary" type="submit" name="simpan">Simpan</button>
         <button class="btn btn-warning"
            data-dismiss="modal" aria-hidden="true"
            type="button">
         <i class="fa fa-times">
         </i>
         Cancel
         </button>
      </div>
   </div>
   </div>
</form>

здесь мой JS код:

    <script>
function sum() {
      var txtFirstNumberValue = document.getElementById('txt1').value;
      var txtSecondNumberValue = document.getElementById('txt2').value;
       var txttigaNumberValue = document.getElementById('txt3').value;
        var txtempatNumberValue = document.getElementById('txt4').value;
         var txtlimaNumberValue = document.getElementById('txt5').value;
          var result = parseInt(txtFirstNumberValue) + (parseInt(txtSecondNumberValue) * parseInt(txttigaNumberValue)) + parseInt(txtempatNumberValue) + parseInt(txtlimaNumberValue);
      if (!isNaN(result)) {

         document.getElementById('txt6').value = result;

      }
}
</script>

Спасибо раньше


Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...