我有代码HTML:
<div class="modal fade" id="modalTambahDataTransaksiZakat">
<div class="vertical-alignment-helper">
<div class="modal-dialog vertical-align-center">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">TAMBAH DATA TRANSAKSI ZAKAT</h4>
</div>
<div class="modal-body">
<form role="form" action="" method="post">
<div class="box-body">
<div class="form-group">
<label>Gaji Muzakki</label>
<input type="number" class="form-control" id="gaji_muzakki "
name="gajiMuzakki">
</div>
<div class="form-group">
<label>Nominal Pembayaran</label>
<input type="number" class="form-control" id="nominal_pembayaran"
name="nominalPembayaran">
</div>
</div>
</div>
</form>
我在输入字段“ gaji muzakki”中键入值并用jquery将值显示给输入字段“ nominal pembayaran”后,如何从输入字段“ gaji muzakki”中获取值?
最佳答案
如果我对您的理解正确,那么它应该很简单:
$(document).on('input', 'input[name="gajiMuzakki"]', function() {
// Set the value into $value.
let $value = $(this).val();
// Populate 'nominalPembayaran' with this value.
$(document).find('input[name="nominalPembayaran"]').val($value);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="gajiMuzakki" placeholder="Gaji Muzakki">
<input type="text" name="nominalPembayaran" placeholder="Nominal Pembayaran">