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

avatar irya
@irya

59 Kontribusi 13 Poin

Diperbarui 5 tahun yang lalu

5 Jawaban:

kesulitannya apa gan?

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

data untuk select paket ga muncul mas.

avatar irya
@irya

59 Kontribusi 13 Poin

Dipost 5 tahun yang lalu

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

avatar beckbella
@beckbella

68 Kontribusi 38 Poin

Dipost 5 tahun yang lalu

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>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

Terima Kasih banyak mas @dianarifr dan @beckbella

avatar irya
@irya

59 Kontribusi 13 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban