Postingan lainnya
Menampilkan isi dari textbox berdasarkan combobox yang dipilih
halo agan-agan saya mau nanya, apakah ada yg bisa troubleshoot codingan saya? rencananya saya ingin menampilkan stok barang berdasarkan combobox yang dipilih, tetapi targetnya kurang tepat.
berikut foto dan codingan saya
untuk Formnya
<h3> Cek Barang </h3>
<hr>
<!-- tambah barang -->
<div class="table-responsive">
<table class="table table-bordered table-striped" id="dynamic" >
<tr>
<th>Kode Barang</th>
<th>Jumlah di Gudang Saat Ini</th>
<th>Jumlah Nyata</th>
<th>Opsi</th>
</tr>
<tr>
<td width="750">
<select name="idbarang[]" onchange="changeValue(this.value)" class="select2 form-control ">
<option value=""> Pilih Barang</option>
<?
//jquery
$jsArray = "var dtBarang = new Array();\n";
$getdata4=$db->ObjectBuilder()->get('master_barang');
foreach ($getdata4 as $row4) {
echo "<option value='" . $row4->idbarang . "'>" . $row4->kodebarang . ' // ' . $row4->namabarang . "</option>";
$jsArray .= "dtBarang['" . $row4->idbarang ."'] = {jumlahgudang:'". addslashes($row4->stokakhir)."'};\n";
}
?>
</select>
</td>
<td width="500">
<input type="text" name="jumlahgudang[]" id="jumlahgudang" readonly class="form-control">
</td>
<td width="500">
<input type="text" placeholder="Jumlah Nyata" name="jumlahnyata[]" class="form-control" />
</td>
<td>
<button type="button" id="tambah" class="btn btn-success">Add</button>
</td>
</tr>
</table>
</div>
<center>
<button type="submit" name="simpan" class="btn btn-info"><i class ="fa fa-save"></i> Simpan</button>
</center>
</form>
Untuk Functionnya
<script type="text/javascript">
$(document).ready(function(){
var no =1;
no++;
$('#tambah').click(function(){
var html = '';
html += '<tr>';
html += '<td> <select name="idbarang[]" onchange="changeValue(this.value)" class="select2 form-control "><option value=""> Pilih Barang</option><?
//jquery
$jsArray .= "var dtBarang = new Array();\n";
$getdata4=$db->ObjectBuilder()->get('master_barang');
foreach ($getdata4 as $row4) {
echo "<option value=" . $row4->idbarang . ">" . $row4->kodebarang . ' // ' . $row4->namabarang . "</option>";
$jsArray .= "dtBarang['" . $row4->idbarang ."'] = {jumlahgudang:'". addslashes($row4->stokakhir)."'};\n";}?>
</select> </td>';
html += ' <td width="500"> <input type="text" placeholder="Jumlah Gudang" name="jumlahgudang[]" id="jumlahgudang1" readonly class="form-control"/></td>';
html += ' <td width="500"> <input type="text" placeholder="Jumlah Nyata" name="jumlahnyata[]" class="form-control" /></td>';
html += '<td><button type="button" id= "'+no+'" name="remove" class="btn btn-danger remove">Remove</button></td></tr>';
$('#dynamic').append(html);
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
})
});
$(document).on('click', '.remove', function(){
$(this).closest('tr').remove();
});
});
</script>
<script type="text/javascript">
<?php echo $jsArray; ?>
function changeValue(id){
document.getElementById('jumlahgudang').value = dtBarang[id].jumlahgudang;
};
</script>
maaf apabila kurang jelas
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban