我使用下拉列表来使用 ajax onchange 根据所选 id 显示字段。我要显示的字段是 kode_deskripsi 和 time_in。这是我的看法 <div class="form-group"> <div class="flex flex-col sm:flex-row items-center mt-3"> <label class="sm:w-40 sm:mr-5">Kode Penitipan</label> <select name="kode_penitipan" id="kode_penitipan" class="input w-full border mt-2 flex-1" onchange="getdata(this)"> <option>--Pilih Kode Penitipan--</option> <?php foreach ($getKodePenitipan as $key): ?> <option value="<?= $key->kode_penitipan ?>"><?= $key->kode_penitipan ?></option> <?php endforeach ?> </select> </div> </div> <div class="form-group"> <div class="flex flex-col sm:flex-row items-center mt-3"> <label class="sm:w-40 sm:mr-5">Kode Deskripsi</label> <input type="text" name="kode_deskripsi" id="kode_deskripsi" class="input w-full border mt-2 flex-1" readonly> </div> </div> <div class="form-group"> <div class="flex flex-col sm:flex-row items-center mt-3"> <label class="sm:w-40 sm:mr-5">Waktu Masuk</label> <input type="text" name="time_in" id="time_in" class="input w-full border mt-2 flex-1" readonly> </div> </div>这是我在视图文件中编写的 JavaScript<script type="text/javascript">function getdata(kode_penitipan) { var kode_penitipan = $("#kode_penitipan").val(); $.ajax({ url: '<?php echo site_url('transaksi/getPenitip') ?>', data: "kode_penitipan="+kode_penitipan, success: function (data){ // $('#kode_deskripsi').val(data.kode_deskripsi); // $('#time_in').val(data.time_in); console.log(data); } });}我的问题是我想要显示的字段没有出现,我尝试使用console.log(数据),结果显示为空。我的代码有问题吗?帮我 ..抱歉,如果我的英语不完美,希望我表达的观点能被理解
1 回答
幕布斯6054654
TA贡献1876条经验 获得超7个赞
您的 jQuery / Ajax 代码如下:-
$("#kode_penitipan").change(function(){
var kode_deskripsi = $(this).val();
var time_in = $(this).val();
$("#kode_deskripsi").val(kode_deskripsi);
$("#time_in").val(time_in);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<label>--Pilih Kode Penitipan--</label>
<select name="kode_penitipan" id="kode_penitipan">
<option value="0">Select Option Value</option>
<option value="Penitipan1">Penitipan1</option>
<option value="Penitipan2">Penitipan1</option>
</select>
<br>
<input type="text" name="kode_deskripsi" id="kode_deskripsi">
<input type="text" name="time_in" id="time_in">
添加回答
举报
0/150
提交
取消