javascript - 单击时的Jquery无法显示数据库中的数据
问题描述
请帮忙,我在表单上的这个 Jquery onclick 遇到问题,为什么我的数据库中的数据无法显示?例如,我选择了一个类别“jantung”,它应该是 show data dokter,其中类别是 jantung,但是如果我在表单中使用 onchange,它就可以工作。
这是我单击类别的html(如果单击此类别将显示模态)
<?php foreach ($poli as $row): ?>
<div class="col-sm-4 col-6 poliklinik-item">
<a class="poliklinik-link" data-toggle="modal" href="#poliklinikModal1" onclick="hmm('<?=$row->id_poli?>')">
<img class="img-fluid" src="<?php echo base_url();?>assets/upload/<?php echo $row->gambar?>" width="200" height="200">
</a>
<div class="poliklinik-caption text-center">
<h4><?php echo $row->nama_poli; ?></h4>
</div>
<br>
<br>
</div>
<?php endforeach; ?>
和这个
<script>
function hmm(idnya) {
$(document).ready(function(){
document.getElementById('poli').value=idnya;
var id_poli = idnya;
$('#dokter').prop('disabled',false);
$.ajax({
url: "http://localhost/coba/Test/get_autofill",
type: "POST",
data: {'id_poli' : id_poli},
dataType: 'json',
success: function(data){
$('#dokter').html(data);
},
error: function(){
alert('Masih error');
}
});
});
}
</script>
模态
<?php echo form_open('hal_user/add/')?>
<div class="form-group">
<label>Nama</label>
<input type="hidden" name="id_pasien" class="form-control" readonly="" value="<?=$this->session->userdata('id_pasien') ;?>">
<input type="text" name="nama_pasien" class="form-control" readonly="" value="<?php echo $this->session->userdata('nama_pasien') ; ?>">
</div>
<div class="form-group">
<label>Poli</label>
<select name="id_poli" id="poli" class="form-control">
<option value="">Select Poli</option>
<?php foreach ($poli as $p): ?>
<option value="<?php echo $p->id_poli;?>"><?php echo $p->nama_poli;?></option>
<?php endforeach; ?>
</select>
</div>
<div class="form-group">
<label>Dokter</label>
<select name="id_dokter" id="dokter" class="form-control" disabled="">
<option value="">Select Dokter</option>
</select>
</div>
<div class="form-group">
<label>Tanggal</label>
<input type="date" class="form-control" name="tanggal" placeholder="Pilih Tanggal">
</div>
<div class="form-group">
<label>Waktu</label>
<a class="btn btn-primary form-control" data-toggle="collapse" href="#waktuanak" role="button" aria-expanded="false" aria-controls="collapseExample">
Pilih Waktu
</a>
<div class="collapse" id="waktuanak">
<div class="card card-body">
<div class="btn-group-toggle" data-toggle="buttons">
<?php foreach ($waktu as $row) :?>
<label class="btn btn-outline-primary">
<input type="radio" name="id_waktu" autocomplete="off" value="<?php echo $row->id_waktu; ?>"><?php echo $row->waktu;?>
</label>
<?php endforeach;?>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success btn-wd">Simpan</button>
<a href="<?php echo base_url('hal_user/'); ?>" class="btn btn-danger btn-wd">Batal</a>
</div>
<?php echo form_close(); ?>
解决方案
试试这个 在你的视图文件上不需要调用函数并尝试使用 data-attr 并添加一个类 hmm
<?php foreach ($poli as $row): ?>
<div class="col-sm-4 col-6 poliklinik-item">
<a class="poliklinik-link hmm" data-toggle="modal" href="#poliklinikModal1" data-attr="<?=$row->id_poli?>">
<img class="img-fluid" src="<?php echo base_url();?>assets/upload/<?php echo $row->gambar?>" width="200" height="200">
</a>
<div class="poliklinik-caption text-center">
<h4><?php echo $row->nama_poli; ?></h4>
</div>
</div>
<?php endforeach; ?>
在你的 jquery 上试试这个
<script>
$(document).ready(function(){
$('.hmm').on('click',function(){
var idnya = $(this).attr('data-attr');
$('#poli').val(idnya );
var id_poli = idnya;
$('#dokter').prop('disabled',false);
$.ajax({
url: "http://localhost/coba/Test/get_autofill",
type: "POST",
data: {'id_poli' : id_poli},
dataType: 'json',
success: function(data){
$('#dokter').html(data);
},
error: function(){
alert('Masih error');
}
});
});
}
更新
$("#poli option[value='" + idnya+ "']").prop("selected", true);
推荐阅读
- asp.net - 我尝试使用移动端通过web api提供的access_token从google api获取用户信息,但出现401错误
- javascript - 代码块在 api 调用得到响应之前运行
- codenameone - 当我保存 theme.res 文件时,为什么“仅顶部”矩形边框变为“仅底部”?
- javascript - 如何在 html 页面中使用 Javascript 获取简单的日历窗口
- javascript - 我想要一个 OOP 解决方案,当我单击 div 时会发生某些事情
- php - 从文件获取内容时发出警告,如果使用“move_uploaded_file()”和“file_get_contents()”
- java - 没有 block() 就不会发送请求
- c++ - Xcode 11.1:找不到 iostream 文件
- java - 当我打算获取 arrayList 的数据时,如何在第二个活动和 setText 和 Image 中获取这些数据?
- ios - 谷歌 iOS 设备策略不能很好地与使用谷歌 SSO 的 iOS 应用程序配合使用