如何根据下拉列表中当前选定的选项显示特定数据？

Question

小背景：目前正在组建一个销售产品的网站，其中许多产品种类繁多，价格各不相同。我已经设置了数据库来处理所有这些，并且我非常清楚如何编写PHP代码来查询所述数据库以获取特定大小的任何产品（包含所有相关信息）。当用户加载任何给定产品的页面时，它将显示带有默认信息的产品。

但是，我的问题是 - 我如何根据用户在下拉列表中选择不同的（即非默认值）大小来动态更改产品页面上的特定于大小的信息？

我已经尝试通过谷歌以及此处查找此内容，但我似乎能够找到的是人们一遍又一遍地问同样的问题，如何动态填充下拉列表，这不是'问题D：也许我的搜索功能很弱......

P.S。我意识到我可能只是在单独的隐藏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
});

vanilla javascript示例：

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

修改

看来你正在寻找一些ajax？试试jquery的$.get或$.post