एचटीएमएल
<select id = 'teamSelect'>....options....</select>
<div id = 'tableContainer'></div>
जावास्क्रिप्ट
$(function() {
$("#teamSelect").bind("change", function() {
$.ajax({
type: "GET",
url: "path/to/server/script.php",
data: "tid="+$("#teamSelect").val(),
success: function(html) {
$("#tableContainer").html(html);
}
});
});
});
जावास्क्रिप्ट कोड सर्वर साइड php स्क्रिप्ट के लिए एक अजाक्स अनुरोध करेगा (कोड में यह path/to/server/script.php
है। ) यह स्क्रिप्ट आपके डेटाबेस को क्वेरी करेगी और तालिका को वैसे ही आउटपुट करेगी जैसा आप चाहते हैं। चयनित टीम $_GET
. में होगी परिवर्तनीय 'टिड'।