根据jquery中的下拉列表项选择显示隐藏字段

Question

我正在尝试基于下拉列表中的选定项目显示和隐藏表中的列。 表包含以下列：

• X
• ÿ
• ž

下拉列表具有以下选项：

• 一种
• 乙
• C

当选择A时，我想显示表中的所有字段（X，Y，Z），但是当选择B或C时，我想隐藏Y并仅显示X和Z。该表显示为由用户。 当我从ddl中选择B并单击“保存”后，该表单被保存而没有Y（这就是我们需要的），但是问题出在这里，当我再次打开保存的表单并选择A时，Y列不显示，我必须选择A，然后单击“保存”，然后再次打开表单才能看到Y列。由于某些原因，从下拉列表中选择B后，Y列不会立即显示。

这是我的代码：

 <tr>
    <td align="right">
         <asp:Label ID="Label1" runat="server"></asp:Label>
    </td>
    <td>
        <asp:DropDownList ID="ddl_1" runat="server">
             <asp:ListItem Selected="True" Value="0">A</asp:ListItem>
             <asp:ListItem Selected="False" Value="1">B</asp:ListItem>
             <asp:ListItem Selected="False" Value="2">C</asp:ListItem>
       </asp:DropDownList>
    </td>

 </tr>

JQ功能：

$(function () {

        $("#ddl_1").change(function () {
            if ($("#ddl_1").val() == 0) 
            {

                $("#Y").show(); 


            }

            else if (($("#ddl_1").val() == 1) || ($("#ddl_1").val() == 2))
            {


                $("#Y").hide(); 

            }

  })
});

从ddl中选择B或C之后，如何使Y列立即显示，而不必更改ddl中的选择，然后保存表格，然后再次打开表格以查看Y列？ 谢谢