Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Data pada select tidak ditampilkan
Permisi agan semua. mohon bantuannya. saya ingin membuat dynamic select box menggunakan jquery dan ajax seperti select box estimasi biaya pengiriman gitu.
saya punya 2 select, yaitu select untuk memilih desa (select id=desa) dan select untuk memilih paket (select id=paket). ketika salah satu desa dipilih, maka paket-paket yang ada pada desa tersebut ditampilkan.
struktur tabelnya tabel desa
tabel paket
index.php
<form action="update-booking.php" method="POST">
<div class="form-group">
<label>Nama User</label>
<input type="text" name="nama_user" class="form-control" value="<?php echo $row['nama_user'] ?>" readonly>
</div>
<div class="form-group">
<label>Nama Desa</label>
<select name="desa" id="desa" class="form-control">
<?php
$sql = mysqli_query($conn,"SELECT nama_desa FROM desa");
while ($data = mysqli_fetch_array($sql)) {
?>
<option value="<?php echo $data['kd_desa'] ?>"><?php echo $data['nama_desa'] ?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<label>Nama Paket</label>
<select name="paket" id="paket" class="form-control">
<option></option>
</select>
</div>
</form>
<?php } ?>
<script type="text/javascript">
$(document).ready(function(){
$('#desa').change(function(){
var kd_desapak = $(this).val();
$.ajax({
type: 'POST',
url: 'get_paket.php',
data: 'kd_desa='+kd_desapak,
success: function(response){
$('#paket').html(response);
}
});
});
});
</script>
get_paket.php
<?php
include '../config/connection.php';
$kd_desa = $_POST['kd_desa'];
$sql = mysqli_query($conn,"SELECT * FROM paket WHERE kd_desa='$kd_desa'");
while ($row = mysqli_fetch_array($sql)) {
echo '<option value="'.$row['kd_paket'].'">'.$row['nama_paket'].'</option>';
}
?>
Terima Kasih
5 Jawaban:
coba pas si $("#desa") change di alert, takutnya event change engga ke detect. Terus kalo bisa, coba lagi cek mysql_querynya takut ada typo/error. Kalo bisa juga, coba di console.log reponse ajaxnya
Jawaban Terpilih
kd_desa blm di select gan <pre> $sql = mysqli_query($conn,"SELECT nama_desa FROM desa"); </pre> ganti jadi <pre> $sql = mysqli_query($conn,"SELECT kd_desa, nama_desa FROM desa"); </pre>
Terima Kasih banyak mas @dianarifr dan @beckbella