【发布时间】：2022-11-23 15:57:45
【问题描述】：
我已经使用 javascript 启用了 OnClick 功能。 但是在最后的过程中，也就是求和，我插入的代码没有反应。
<div class="modal fade" id="tambahgajiModal" tabindex="-1" role="dialog" aria-labelledby="tambahgajiModal" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="tambahfungsiModal">Tambah Gaji Karyawan</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="/gaji/insert" method="POST" enctype="multipart/form-data">
@csrf
<div class="content">
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<select name="nama" type="text" class="form-control select2 @error('nama') is-invalid @enderror" value="{{ old('nama') }}">
<option>-- Nama Karyawan --</option>
@foreach ($karyawan as $data)
<option value="{{ $data->nama }}">{{ $data->nama }}</option>
@endforeach
</select>
<div class="invalid-feedback">
@error('nama')
{{ $message }}
@enderror
</div>
</div>
<!--on clik golongan-->
<script type="text/javascript">
function golongan() {
var data = document.getElementById("gol").value;
document.getElementById("tunjangan_gol").value = data;
}
</script>
<div class="form-group">
<select name="gol" id="gol" type="text" onclick="golongan()" class="form-control select2 @error('gol') is-invalid @enderror" onchange="getddl()" value="{{ old('gol') }}">
<option>-- Golongan dan M K G --</option>
@foreach ($golongan as $data)
<option value="{{ $data->tunjangan_gol }}">{{ $data->gol }} | {{ $data->mkg }}</option>
@endforeach
</select>
<div class=" invalid-feedback">
@error('gol')
{{ $message }}
@enderror
</div>
</div>
<div class="form-group">
<input name="tunjangan_gol" type="number" id="tunjangan_gol" onkeyup="sum()" type="text" placeholder="Gaji Pokok" class="form-control @error('tunjangan_gol') is-invalid @enderror" value="{{ old('tunjangan_gol') }}" id="gol">
<div class="invalid-feedback">
@error('tunjangan_gol')
{{ $message }}
@enderror
</div>
</div>
<!--end on clik golongan-->
<!--on clik fungsional-->
<script type="text/javascript">
function fungsional() {
var data = document.getElementById("fungsi").value;
document.getElementById("tunjangan_fungsi").value = data;
}
</script>
<div class="form-group">
<select name="jbt_fungsi" id="fungsi" type="text" onclick="fungsional()" class="form-control select2 @error('jbt_fungsi') is-invalid @enderror" value="{{ old('jbt_fungsi') }}">
<option>-- Jabatan Fungsional --</option>
@foreach ($fungsi as $data)
<option value="{{ $data->tunjangan_fungsi }}">{{ $data->jbt_fungsi }}</option>
@endforeach
</select>
<div class="invalid-feedback">
@error('gol')
{{ $message }}
@enderror
</div>
</div>
<div class="form-group">
<input name="tunjangan_fungsi" type="number" id="tunjangan_fungsi" onkeyup="sum()" type="text" placeholder="Tunjangan Fungsional" class="form-control @error('tunjangan_fungsi') is-invalid @enderror" value="{{ old('tunjangan_fungsi') }}">
<div class="invalid-feedback">
@error('tunjangan_fungsi')
{{ $message }}
@enderror
</div>
</div>
<!--end on clik fungsional-->
<!--on clik struktural-->
<script type="text/javascript">
function struktural() {
var data = document.getElementById("struktur").value;
document.getElementById("tunjangan_struktur").value = data;
}
</script>
<div class="form-group">
<select name="jbt_struktur" id="struktur" type="text" onclick="struktural()" class="form-control select2 @error('jbt_struktur') is-invalid @enderror" value="{{ old('jbt_struktur') }}">
<option>-- Jabatan Struktural & Fungsional --</option>
@foreach ($struktur as $data)
<option value="{{ $data->tunjangan_struktur }}">{{ $data->jbt_struktur }} | {{ $data->jbt_fungsi }}</option>
@endforeach
</select>
<div class="invalid-feedback">
@error('jbt_struktur')
{{ $message }}
@enderror
</div>
</div>
<div class="form-group">
<input name="tunjangan_struktur" type="number" id="tunjangan_struktur" onkeyup="sum()" type="text" placeholder="Tunjangan Struktural" class="form-control @error('tunjangan_struktur') is-invalid @enderror" value="{{ old('tunjangan_struktur') }}">
<div class="invalid-feedback">
@error('tunjangan_struktur')
{{ $message }}
@enderror
</div>
</div>
<!--end on clik struktural-->
<!--on change total gaji-->
<div class="form-group">
<input name="total_gaji" type="number" id="total" type="text" placeholder="Total Gaji" class="form-control @error('total_gaji') is-invalid @enderror" value="{{ old('total_gaji') }}">
<div class="invalid-feedback">
@error('total_gaji')
{{ $message }}
@enderror
</div>
</div>
<script>
function sum() {
var txtFirstNumberValue = document.getElementById('tunjangan_gol').value;
var txtSecondNumberValue = document.getElementById('tunjangan_fungsi').value;
var txtThreeNumberValue = document.getElementById('tunjangan_struktur').value;
var result = parseFloat(txtFirstNumberValue) + parseFloat(txtSecondNumberValue) + parseFloat(txtThreeNumberValue);
if (!isNaN(result)) {
document.getElementById('total').value = result;
}
}
</script>
<!--end on clik struktural-->
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
我错过了什么吗？我认为这是正确的，也许我的代码插入有误.....
感谢您花时间查看和回答我的问题。
【问题讨论】：
-
您是否在控制台中收到 js 错误？
-
哦，是的，在控制台中有一些错误信息，但我该如何显示它。评论栏里这个不支持上传图片
-
编辑你的问题。
-
@GertB。问题已更新
-
请不要发布您的代码或其他文本内容的屏幕截图。而是发布实际文本，并使用 Stack Overflow 的格式化工具对其进行标记。另见：Why not upload images of code/errors when asking a question?
标签： javascript php laravel onclick