首次使用javascript更改另一个下拉列表时，下拉列表未启用

我在asp.net页面中使用了两个下拉列表。。因为我想根据ddl1的值更改ddl2。。我的设计代码如下所示

<asp:DropDownList ID="ddl1" runat="server"  Width="158px" TabIndex="1">
    <asp:ListItem value="0">Please select</asp:ListItem>
    <asp:ListItem value="1">one</asp:ListItem>
    <asp:ListItem value="2">two</asp:ListItem>
    <asp:ListItem value="3">three</asp:ListItem>
</asp:DropDownList>

<asp:DropDownList ID="ddl2" runat="server"  Width="158px" TabIndex="1">
    <asp:ListItem value="1">one selected</asp:ListItem>
    <asp:ListItem value="2">two selected</asp:ListItem>
    <asp:ListItem value="3">three selected</asp:ListItem>
</asp:DropDownList>

请选择
一
二
三
选定的一个
选择两个
选定三个

我用javascript编写代码，基于ddl1值，必须更改ddl2值。。最初，页面加载ddl2被禁用。。更改ddl1后，仅启用ddl2，并根据ddl1进行更改

$('#<%=ddl1.ClientID %>').change(function() {  

 var val =$('#<%=ddl1.ClientID %> option:selected').val();
 if (val == "0")
 {              
   $('#<%=ddl2.ClientID %>').attr('disabled', true);   
 }
 else
 {   
   $('#<%=ddl2.ClientID %>').attr('disabled', false);              
 }
);

$（'#'）.change（function（）{
var val=$（'#选项：选定'）。val（）；
如果（val=“0”）
{              
$（'#'）.attr（'disabled'，true）；
}
其他的
{   
$（'#'）.attr（'disabled'，false）；
}
);

---

我的问题是，在加载页面后，当我为第一项更改ddl1时，ddl2未启用..更改ddl1后，只有ddl2启用，其值也在更改..

我第一眼看到的内容-您的javascript中丢失了一个

}

： 试试这个：

$('#<%=ddl1.ClientID %>').change(function() {  

 var val =$('#<%=ddl1.ClientID %> option:selected').val();
 if (val == "0")
 {              
   $('#<%=ddl2.ClientID %>').attr('disabled', true);   
 }
 else
 {   
   $('#<%=ddl2.ClientID %>').attr('disabled', false);              
 }
} // it was lost
);

$（'#'）.change（function（）{
var val=$（'#选项：选定'）。val（）；
如果（val=“0”）
{              
$（'#'）.attr（'disabled'，true）；
}
其他的
{   
$（'#'）.attr（'disabled'，false）；
}
}//它丢了
);

也不要使用

true

和

false

，而是使用

disabled=“disabled”

禁用控件

$('#<%=ddl1.ClientID %>').on('change',function() {  

 var val =$('#<%=ddl1.ClientID %> option:selected').val();
 if (val == "0")
 {              
   $('#<%=ddl2.ClientID %>').attr('disabled', true);   
 }
 else
 {   
   $('#<%=ddl2.ClientID %>').attr('disabled', false);              
 }
});

$（'#'）。在（'change'，function（）{
var val=$（'#选项：选定'）。val（）；
如果（val=“0”）
{              
$（'#'）.attr（'disabled'，true）；
}
其他的
{   
$（'#'）.attr（'disabled'，false）；
}
});

---

在我的编码中，它是可用的。。但在这里对齐时，我不小心擦掉了