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);
}
});
});
});
javascriptコードは、サーバー側のphpスクリプトに対してajaxリクエストを実行します(コードでは、path/to/server/script.php
)このスクリプトはデータベースにクエリを実行し、必要に応じてテーブルを出力します。選択されたチームは$_GET
になります 変数'tid'。