根据jquery

Question

我正在尝试根据下拉列表中的所选项目显示和隐藏表格中的列。 表格包含以下列：

• X
• ý
• ž

下拉列表包含以下选项：

• A
• 乙
• C

当选择A时，我想显示表格中的所有字段（X，Y，Z），但是当选择B或C时，我想隐藏Y并仅显示X和Z.表格显示为表格由用户填写。 当我从ddl中选择B并单击保存之后，表单保存时没有Y（这就是我们需要的）但问题出在这里，当我再次打开保存的表单时，我选择A Y列不显示，I必须选择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列？谢谢