Question

我需要在用户从下拉列表中选择所选值后显示一个表格。我试过在互联网上搜索编码的例子，但我没有找到任何。我的编码将是这样的：

<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>

如果用户选择T恤，T恤的列表将以表格形式显示。像这样：

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

有人可以帮帮我吗，

Answer 1

如果可以，请使用jQuery。然后，您可以轻松地提取数据或您需要做的其他事情。你甚至不需要做select（this.value），只需创建一个名为“ItemSelectedEvent”的函数。

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>");
    }
}

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

Answer 2

我希望你必须在页面加载时加载所有表。假设您有具有ID table_D1，table_D2和table_D3 resp的项目D1，D2和D3的3个隐藏表。如果表尚未加载，那么您应该通过AJAX

获取数据

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

从下拉列表中选择所选值后显示表（HTML）

2 个答案: