我想顯示從數據庫循環的復選框，如果我嘗試id_kendaraan在字段中選擇數據，然后顯示該 ID 中的數據。這是我的視圖代碼：<div class="modal fade" id="tambah" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <h3 class="modal-title" id="myModalLabel">Tambah Pemeliharaan</h3> </div> <form class="form-horizontal" method="post" action="<?php echo base_url()?>Data/Pemeliharaan/Tambah"> <div class="modal-body"> <div class="form-group"> <label class="control-label col-xs-3">Nama Kendaraan</label> <div class="col-xs-8"> <select class="form-control" name="id_kendaraan" id="id_kendaraan" required> <option>Pilih Kendaraan</option> <?php if(!empty($kendaraan_)) { foreach ($kendaraan_ as $isi) { ?> <option value="<?php echo $isi['id_kendaraan']?>"><?php echo $isi['nama']?> - <?php echo $isi['platno']?></option> <?php }} ?> </select> </div> </div> <?php $index =0; foreach ($subkriteria_ as $kr_key => $kriteria) { ?>我的控制器：function GetKendaraanById(){ $id_kendaraan=$this->input->post('id_kendaraan'); $data=$this->PemeliharaanModel->GetById($id_kendaraan); echo json_encode($data); }我從視圖$id_kendaraan中獲取參數的數據。但如果我嘗試這段代碼，字段 tahun_beli, id jenis 會成功顯示在視圖中。但備件中的復選框循環夸大了。我嘗試了json，數據是正確的，顯示tahun_beli，，id_jenis是顯示，sparepart是由id_jenis顯示
1 回答
qq_花開花謝_0
TA貢獻1835條經驗 獲得超7個贊
我檢查了你的代碼，我認為問題出在這一點：
<script type="text/javascript">
$(document).ready(function(){
$('#id_kendaraan').on('input',function(){
var id_kendaraan=$(this).val();
$.ajax({
type : "POST",
url : "<?php echo base_url('Data/Pemeliharaan/GetKendaraanById')?>",
dataType : "JSON",
data : {id_kendaraan: id_kendaraan},
cache:false,
success: function(data){
$('#sparepartList').empty(); // clear all sparepart checkboxes
$.each(data, function(id_kendaraan, tahun_beli, id_jenis){
$('[name="isi_kriteria[]"]').val(data.tahun_beli);
$('[name="id_jenis"]').val(data.id_jenis);
$.each(data.spareparts, function (key, value) {
let li = $('<li><input type="checkbox" name="id_sparepart[]" value="' + value.id_sparepart + '" />' +
'<input type="text" name="sparepart" value="' + value.sparepart + '" /></li>');
$('#sparepartList').append(li);
});
});
}
});
return false;
});
});
</script>
嘗試刪除第一個 $.each，您的代碼將是這樣的
<script type="text/javascript">
$(document).ready(function(){
$('#id_kendaraan').on('input',function(){
var id_kendaraan=$(this).val();
$.ajax({
type : "POST",
url : "<?php echo base_url('Data/Pemeliharaan/GetKendaraanById')?>",
dataType : "JSON",
data : {id_kendaraan: id_kendaraan},
cache:false,
success: function(data){
$('#sparepartList').empty(); // clear all sparepart checkboxes
$('[name="isi_kriteria[]"]').val(data.tahun_beli);
$('[name="id_jenis"]').val(data.id_jenis);
$.each(data.spareparts, function (key, value) {
let li = $('<li><input type="checkbox" name="id_sparepart[]" value="' + value.id_sparepart + '" />' +
'<input type="text" name="sparepart" value="' + value.sparepart + '" /></li>');
$('#sparepartList').append(li);
});
}
});
return false;
});
});
</script>
希望它能起作用
- 1 回答
- 0 關注
- 118 瀏覽
添加回答
舉報
0/150
提交
取消