在jQuery对话框中禁用控件

Question

我正在尝试使用Javascript在我的jQuery UI对话框中禁用ddl（ddlGender），但它不起作用，也尝试从代码隐藏，请咨询。感谢：

 function loadDialog() {
       var gender = $('#<%=litGender.ClientID %>').val();
       if (gender != '') {
           alert('true');
           $('#<%=ddlGender.ClientID %>').disabled = true;
       }
        $('#DialogBox').dialog('open');
    }



 <div id="DialogBox" title="">
     <span>Gender:</span><asp:DropDownList ID="ddlGender" runat="server" AutoPostBack="True"
                                                                                       onselectedindexchanged="ddlGender_SelectedIndexChanged">
                                                                         <asp:ListItem Text="Both" Value="" Selected = "True"/>
                                                                         <asp:ListItem Text="Male" Value="m"/>
                                                                         <asp:ListItem Text="Female" Value="f" /> 
                                                                     </asp:DropDownList>
</div>

Answer 1

您需要使用attr()方法：

$('#<%=ddlPref.ClientID %>').attr( 'disabled', 'disabled' );

Answer 2

$()返回一个jQuery对象，而不是DOM元素。您可以使用prop()：

$("#<%=ddlPref.ClientID %>").prop("disabled", true);

或者处理DOM元素本身：

$("#<%=ddlPref.ClientID %>")[0].disabled = true;