Anda harus menggunakan AJAX untuk melakukan ini. Berikut adalah contoh sederhana:
HTML
Hanya kotak pilih sederhana, untuk tujuan contoh ini.
<select id='items'>
<option value='1'>Item 1</option>
<option value='2'>Item 2</option>
<option value='3'>Item 3</option>
</select>
JavaScript
Saya akan menggunakan jQuery di sini, Anda tidak perlu melakukannya jika Anda tidak mau, tetapi itu membuat AJAX jauh lebih mudah.
Browser akan mendengarkan change
acara pada kotak pilih dan lakukan permintaan AJAX ke URL yang sesuai. Ketika server mengirim kembali data, fungsi sukses akan dipicu. Baca selengkapnya tentang .ajax()
dalam dokumentasi jQuery.
$(document).ready(function() {
$('#items').change(function() {
$.ajax({
type: 'GET',
url: 'pageWithPhpCode.php',
data: {
itemID: $(this).val()
},
dataType: 'json',
success: function(data) {
// do whatever here
console.log(data);
}
});
});
});
PHP
Di sini saya mengambil data, Encode JSON itu, dan mengirimkannya kembali ke klien dengan tipe MIME yang sesuai. Saya tidak yakin bagaimana Anda terhubung ke database MySQL Anda, tapi saya menggunakan PDO di sini.
Perlu diingat bahwa mysql_* fungsi tidak digunakan lagi .
<?php
if(isset($_GET['itemID'])) {
$db = new PDO();
// ... connect to your database, however you do it
$q = 'SELECT * FROM items WHERE id = :itemid;';
$stmt = $db->prepare($q);
$stmt->bindValue(':itemid', $_GET['itemID'], PDO::PARAM_INT);
$stmt->execute();
$output = $stmt->fetchAll(PDO::FETCH_ASSOC);
header('Content-Type: application/json; charset=utf-8');
echo json_encode($output);
}