禁用jQuery对话框中的控件

Disabling a control inside jQuery dialog

本文关键字:控件 对话框 jQuery 禁用      更新时间:2023-09-26

我试图禁用ddl (ddlGender)在我的jQuery UI对话框与Javascript,但它不工作,也尝试从代码背后,以及,请建议。谢谢:

 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>

您需要使用attr()方法:

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

$()返回一个jQuery对象,而不是DOM元素。你可以使用prop():

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

或者处理DOM元素本身:

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