Javascript 从dropdownlist（HTML）中选择所选值后显示表格

我需要在用户从dropdownlist中选择所选值后显示一个表。我试着在互联网上搜索编码的例子，但没有找到。我的编码如下：

<select name="ddlEqu" size="1" tabindex="1" onchange="select(this.value)" id="Equddl_source">
  <option selected value="select"><--Select--></option>
  <option value="D1">T-Shirt</option>
  <option value="D2">Jacket</option>
  <option value="D3">Shoes</option>
</select>

---

有人能帮帮我吗…

如果可以，请使用jQuery。然后，您就可以轻松地提取数据或其他需要执行的操作。您甚至不需要选择（this.value），只需创建一个名为“ItemSelectedEvent”的函数

var id=0；
//这使用jquery
功能项SelectedEvent
{
id++；
if（$（#eqddl_source）.val（）==“D1”）//也可以尝试例如（.val（）==“夹克”）
{
$（#TableName）.append（“+id+”|“+$（#eqddl_source）.val（）+“|”）；
}
}

---

这只是一个非常丑陋和快速的例子，展示了你可能会看到的东西。你想要的当然是谷歌，只要继续尝试。这应该给你一个足够好的开始

我希望您必须在页面加载中加载所有表。假设D1、D2和D3项有3个隐藏的表，分别具有ID table_D1、table_D2和table_D3。如果尚未加载表，则可能应该通过

---

你能把你的选择功能也放上去吗？

ID    |  T-Shirt      | Description    | Price
1     | Mickey Mouse  | Color = Black  | RM 29.90
2     | Camera Shirt  | Color = Pink   | RM 32.50
3     |               |       = White  |

var id = 0;

//This uses jquery
function ItemSelectedEvent
{
        id++;
    if($(#Equddl_source).val() == "D1") //Might also try for example (.val() == "Jacket")
    {
        $(#TableName).append("<tr><td>" + id + " | " + $(#Equddl_source).val() + " | </td></tr>");
    }
}

$('#Equddl_source').change(function () {
   $('#table_' + this.value).show();       
});