Question

请帮助，我的表单在此Jquery onclick中遇到麻烦，为什么我的数据库数据无法显示？例如，我选择一个类别“ jantung”，应该显示类别为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(); ?>

Answer 1

尝试一下 在您的视图文件上，无需调用函数并尝试使用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);

单击时的jQuery无法显示数据库中的数据

1 个答案: