HTML
<select id = 'teamSelect'>....options....</select>
<div id = 'tableContainer'></div>
Javascript
$(function() {
$("#teamSelect").bind("change", function() {
$.ajax({
type: "GET",
url: "path/to/server/script.php",
data: "tid="+$("#teamSelect").val(),
success: function(html) {
$("#tableContainer").html(html);
}
});
});
});
De javascript-code voert een ajax-verzoek uit naar een php-script aan de serverzijde (in de code is dit het path/to/server/script.php
) Dit script zal uw database opvragen en de tabel gewoon uitvoeren zoals u dat wilt. Het geselecteerde team zit in de $_GET
variabele 'tid'.