如何根據當前選定的選項在下拉列表中顯示特定的數據？

Question

小背景：目前正在組建一個銷售產品的網站，其中許多網站的尺寸各不相同，價格也各不相同。我已經建立了數據庫來處理所有這些，並且我非常清楚如何編寫PHP代碼來查詢數據庫以獲取特定大小的任何產品（以及所有相關信息）。當用戶加載任何給定產品的頁面時，它將顯示具有默認信息的產品。

但是，我的問題是 - 我怎麼能根據用戶在下拉列表中選擇不同的（即不是默認的）大小，動態地改變產品頁面上特定於尺寸的信息？

我試着通過谷歌，以及在這裏查找這個，但我似乎能夠找到的是人們一遍又一遍地詢問同樣的問題，如何動態地填充下拉列表，這是不是我的問題D：也許我的搜索功能很弱...

ps我意識到我可能只是將所有信息加載到單獨的隱藏Div中，並使用javascript將某種onChange事件綁定到Select選項，以顯示特定的Div。我只是很好奇，如果有辦法更動態地做到這一點，所以我沒有預先加載數據庫中的所有數據。希望這可以澄清我的問題。

Answer 1

你想要onchange事件的下拉菜單。

jQuery的例子：

$('#your-dropdown').live('onchange', function(){ 
    // fetch different information based on whatever they selected and change it 
}); 

香草JavaScript示例：

document.getElementById('your-dropdown').onchange = function(){ 
    // fetch different information based on whatever they selected and change it 
} 

編輯

看來你正在尋找一些AJAX？嘗試jQuery的$.get或$.post