2012-12-27 72 views
1

我想禁用我的jQuery UI對話框中的ddl(ddlGender),但它不起作用,也試圖從代碼隱藏,請諮詢。感謝:在jQuery對話框中禁用控件

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> 
+0

,你可以添加一個'hidden' jQuery的CSS類這樣的'的document.getElementById( 「對話框」)的className ='ui-helper-hidden';'並且在不需要的時候刪除那個類 –

回答

2

您需要使用attr()方法是:

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

哦,我的......謝謝。 – k80sg

1

$()返回一個jQuery對象,而不是一個DOM元素。您可以使用prop()

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

或工作的DOM元素本身:

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