0

I need to display a table after the user choose selected value from dropdownlist. I have tried searching at the internet the example of the coding, but I didn't find any. My coding will be like this :

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

If the user choose T-shirt, list of T-shirt will be display in table form. Like this : 

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

Can Someone help me, please...

4

2 回答 2

0

我希望您必须在页面加载时加载所有表格。假设您有 3 个隐藏表，分别用于 ID 为 table_D1、table_D2 和 table_D3 的项目 D1、D2 和 D3。如果尚未加载表，那么您可能应该通过AJAX获取数据

$('#Equddl_source').change(function () {
   $('#table_' + this.value).show();       
});
于 2012-04-17T06:22:25.313 回答
0

如果可以，请使用 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>");
    }
}

这只是一个非常丑陋且快速的示例，只是展示了您可能会看到的内容。你想要的肯定在谷歌上，继续努力。这应该给你一个足够好的跳跃开始。

于 2012-04-17T04:42:29.263 回答