Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

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 6 tahun yang lalu

5 Jawaban:

kesulitannya apa gan?

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu

data untuk select paket ga muncul mas.

avatar irya
@irya

59 Kontribusi 13 Poin

Dipost 6 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 6 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 6 tahun yang lalu

Terima Kasih banyak mas @dianarifr dan @beckbella

avatar irya
@irya

59 Kontribusi 13 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban