I want to show or Hide the panel based on selection criteria.
Example when I select
Padgire Info : No from dropdown it must hide the panel
but when i select
Padgire Info: Yes from dropdown it must show the panel
how to do it???
my code is
<div class="col-sm-3">
<label class="control-label" style="margin-top: 10px;">
Padgire Info</label><label class="control-label" style="margin-top: 10px; color: Red;">*</label>
<asp:DropDownList ID="ddlPad" runat="server" class="form-control" AutoPostBack="true"
onselectedindexchanged="ddlPad_SelectedIndexChanged">
<asp:ListItem>Select One</asp:ListItem>
<asp:ListItem>Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:DropDownList>
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3"></div>
<div class="col-sm-3">
<div class="panel panel-default" style="width: 450px; padding: 10px; margin: 10px; ">
<label class="control-label" style="margin-top: 10px;">
Sire Name</label><label class="control-label" style="margin-top: 10px; color: Red;">*</label>
<asp:DropDownList ID="ddlSire" runat="server" class="form-control">
</asp:DropDownList>
<label class="control-label" style="margin-top: 10px;">
Dam TagID
</label>
<label class="control-label" style="margin-top: 10px; color: Red;">
*</label>
<asp:TextBox ID="txtDam" runat="server" class="validate[required] form-control" placeholder="Dam Tag ID"></asp:TextBox>
</div>
</div>