Ручки нажмите событие выпадающего списка в C# с помощью JQuery

Question

Я написал код в ASPX файл

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
     <section> 
      <div> 
      <label>State</label> 
      <label class="select"> 
       <asp:DropDownList ID="ddlState" runat="server" DataTextField="StateName" DataValueField="StateName"> 
       </asp:DropDownList><i></i> 
      </label> 
      </div> 
     </section> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ddlCountry" /> 
    </Triggers> 
</asp:UpdatePanel> 

<div> 
    <label>Country</label> 
    <label class="select"> 
     <asp:DropDownList ID="ddlCountry" runat="server" ToolTip="Select country" DataTextField="CountryName" 
     DataValueField="CountryID" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged"> 
     </asp:DropDownList><i></i> 
     <asp:Label ID="lblSelectCountryFirst" Visible="false" Text="Please Select Country" runat="server" ForeColor="Red"> 
     </asp:Label> 
    </label> 
</div> 

</section> 

Теперь я хочу, чтобы, когда пользователь нажмет на раскрытом состоянии метка lblSelectCountryFirst должна быть видна. Как это сделать в jquery.

Answer 1

Используйте OnClientClick и обменивайтесь visible=false на css style display:none;. Пожалуйста, обратитесь к приведенному ниже решению:

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
     <section> 
      <div> 
       <label> 
        State</label> 
       <label class="select"> 
        <asp:DropDownList ID="ddlState" runat="server" DataTextField="StateName" DataValueField="StateName"> 
        </asp:DropDownList><i></i> 
       </label> 
      </div> 
     </section> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="ddlCountry" /> 

    </Triggers> 
</asp:UpdatePanel> 

<div> 
    <label> 
     Country</label> 
    <label class="select"> 
     <asp:DropDownList ID="ddlCountry" runat="server" ToolTip="Select country" DataTextField="CountryName" 
      DataValueField="CountryID" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged" OnClientClick="ShowCountryLabel();"> 
     </asp:DropDownList><i></i> 
     <asp:Label ID="lblSelectCountryFirst" Text="Please Select Country" runat="server" ForeColor="Red" style="Display: none;"></asp:Label> 
    </label> 
</div> 
</section> 

//Jquery Code 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
function ShowCountryLabel(){ 
    $("#lblSelectCountryFirst").show(); 
    __doPostBack('__Page', ''); 
} 
</script>