So fügen Sie ein onClick-Ereignis zu einem HTML-Optionsfeld in asp.net hinzu

Question

Ich habe mehrere Tabs auf meiner Seite und derzeit bin ich verbindlich alle Dropdown-Listen auf jedem Tab beim Laden der Seite.

Ich möchte die Dropdown-Listen nur binden, wenn die Registerkarte ausgewählt ist. Ich möchte auch die Rasteransichten löschen, wenn der Tab geändert wird.

Das ist mein HTML-Code

<li> 
 
    <input type="radio" id="tab1d" name="tabs1" runat="server"/> 
 
    <label for="tab1d">Search</label> 
 
    <div id="tab-content1d" class="tab-content animated fadeIn" style="background-color:white; padding:10px; "> 
 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
 
      <ContentTemplate> 
 
       <asp:Label ID="Label4" runat="server" Text="Select Platform"></asp:Label>&nbsp;&nbsp;&nbsp; 
 
       <asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged" CssClass="inputs" Width="150px"></asp:DropDownList>&nbsp;&nbsp;&nbsp; 
 
       <asp:Label ID="Label10" runat="server" Text="Select Family Name"></asp:Label>&nbsp;&nbsp;&nbsp; 
 
       <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" CssClass="inputs" Width="150px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>&nbsp;&nbsp;&nbsp; 
 
       <asp:Label ID="Label11" runat="server" Text="Select price Level"></asp:Label>&nbsp;&nbsp;&nbsp; 
 
       <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="true" CssClass="inputs" Width="150px" ></asp:DropDownList>&nbsp;&nbsp;&nbsp; 
 
       <asp:Button ID="Button7" runat="server" Text="Search" CssClass="buttons" OnClick="Button7_Click"/><br /><br /> 
 
       <div id="gdvLeft"> 
 
        <asp:GridView ID="gdvFamilyname" runat="server" EnableViewState="True" class="grid" RowStyle-CssClass="rows"></asp:GridView> 
 
       </div> 
 
       <div id="gdvRight"> 
 
        <asp:GridView ID="gdvQuantity" runat="server" EnableViewState="True" class="grid" RowStyle-CssClass="rows"></asp:GridView> 
 
       </div> 
 
      </ContentTemplate> 
 
     </asp:UpdatePanel> 
 
    </div> 
 
    </li>

Answer 1

Hallo Himani, wie die Sie interessieren -

<input type="radio" value="Click Me" onclick="rdioClick();" /> 

In Javascript -

function rdioClick() { 
      var GridView1 = document.getElementById('GridView1'); 
      GridView1.innerHTML = ""; 
     } 

Danke :)