<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<title></title>
</head>
<body>
Scegli una marca:
<select>
<option value=" ">Effettua una selezione</option>
<option value="volvo" onclick="marca(this)">Volvo</option>
<option value="saab" onclick="marca(this)">Saab</option>
<option value="opel" onclick="marca(this)">Opel</option>
<option value="audi" onclick="marca(this)">Audi</option>
</select>
<div id="tabella"></div>
<script>
function marca(pippo) {
var scelta = pippo.value;
$(document).ready(function() {
$.ajax({
type: 'post',
cache: false,
url: 'tabelle.php',
data: 'query='+scelta,
success:function(html) {
$('#tabella').html(html);
},
error: function(request, status, error) {
$('#tabella').html('<br />ERRORE : il server non risponde o lo ha fatto in modo anomalo '+request.responseText);
}
});
});
}
</script>
</body>
</html>
