Postingan lainnya
Dropdown List
Gimana caranya dropdown setelah dropdown di laravel 5.5 dengan kondisi jika pilih 1, dropdown selanjutnya data yang ada di 1. Terimakasih
0
4 Jawaban:
ini pake javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Belajar JavaScript </title>
</head>
<body>
<h1>Tabel Mahasiswa dengan AJAX</h1>
<p>Nama Mahasiswa:
<select name="namaMahasiswa" id="namaMahasiswa">
</select>
</p>
<div id="hasil"></div>
<script>
var namaMahasiswaNode = document.getElementById("namaMahasiswa");
var hasilNode = document.getElementById("hasil");
function generateMahasiswa(){
var request = new XMLHttpRequest();
request.open("GET", "nama_mahasiswa.php", false);
request.send();
namaMahasiswaNode.innerHTML = request.responseText;
}
function tabelMahasiswa(){
var nama = namaMahasiswaNode.value;
var request = new XMLHttpRequest();
request.open("GET", "tabel_mahasiswa.php?n="+nama, false);
request.send();
hasilNode.innerHTML = request.responseText;
}
generateMahasiswa();
namaMahasiswaNode.addEventListener("change",tabelMahasiswa);
</script>
</body>
</html>
ambil datanya dari mahasiswa.php. koneksi ke database
<?php
// buat koneksi dengan database mysql
$link = mysqli_connect("localhost","root","","contoh");//sesuaikan dengan database punya agan
// ambil kolom nama dari tabel mahasiswa
$query = "SELECT nama FROM mahasiswa";
$result = mysqli_query($link, $query);
// tambahkan tag <option> untuk setiap nama mahasiswa
while($data = mysqli_fetch_array($result)) {
echo "<option value='{$data['nama']}'>{$data['nama']}</option>";
}
?>
0
