您需要使用AJAX 来执行此操作。这是一个简单的例子:
HTML
就本示例而言,只是一个简单的选择框。
<select id='items'>
<option value='1'>Item 1</option>
<option value='2'>Item 2</option>
<option value='3'>Item 3</option>
</select>
JavaScript
我将在这里使用 jQuery,如果您不想使用,则不必这样做,但它使 AJAX 变得更容易。
浏览器将侦听选择框上的change 事件并对相应的 URL 执行 AJAX 请求。当服务器发回数据时,将触发成功函数。 Read more about .ajax() in the jQuery documentation.
$(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
在这里,我正在检索数据 JSON encoding 它,并使用适当的 MIME 类型将其发送回客户端。我不确定您是如何连接到 MySQL 数据库的,但我在这里使用的是PDO。
请记住mysql_* functions are deprecated。
<?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);
}