Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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
