Postingan lainnya
Tampil data dari combo box menggunakan jquery dan ajax
halo, saya baru belajar jquery sama ajax lewat youtube, trus mau coba buat tampil data pakai combo box. saya dah coba sesuai tutorial yang ada tapi masih tidak bisa tampil dari hasil cari.php
berikut codingannya: index.php
<form action="cari.php" method="post">
<select name="kamar">
<option value="regular single">Regular Single Rp 99.000</option>
<option value="regular double">Regular Double Rp 120.000</option>
<option value="family single">Family Single Rp 127.500</option>
<option value="family double">Family Double Rp 150.000</option>
<option value="vip single">V.I.P Single Rp 170.000</option>
<option value="vip double">V.I.P Double Rp 200.000</option>
</select>
<input type="submit" value="submit" name="submit">
</form>
<br>
<div id="tampil"></div>
<script>
$(document).ready(function(){
loadData();
$('form').on('submit', function(e)
{
e.preventDefault();
$.ajax({
type: $(this).attr('method'),
url: $(this).attr('action'),
data: $(this).serialize(),
success:function(){
loadData();
},
});
})
})
function loadData(){
$.get("tampil3.php", function(data){
$("#tampil").html(data)
})
}
</script>
ini untuk cari.php
<?php
include "koneksi.php";
$jenis = $_POST['kamar'];
$sql= "select * from kamar where jkamar = '$jenis' ";
$result = mysqli_query($conn, $sql);
?>
<table cellpadding=2 cellspacing=2>
<?php
if(mysqli_num_rows($result) > 0)
{
while ($data = mysqli_fetch_array($result))
{
?>
<tr><?php echo $data['nokamar']; ?></tr>
<?php
}
}
else
{
echo "no more data!";
}
?>
</table>
ini codingan untuk tampil3.php, untuk menampilkan semua data dari database
<?php
include "koneksi.php";
$sql= "select * from kamar";
$result = mysqli_query($conn, $sql);
?>
<table border=1 cellpadding=2 cellspacing=2>
<?php
if(mysqli_num_rows($result) > 0)
{
while ($data = mysqli_fetch_array($result))
{
?>
<tr>
<td><?php echo $data['nokamar']; ?></td>
</tr>
<?php
}
}
else
{
echo "no more data!";
}
?>
</table>
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban