2017-07-03 65 views
0

我在页面上有多个选项卡,当前我在页面加载时绑定了每个选项卡上的所有下拉列表。如何将onClick事件添加到asp.net中的HTML单选按钮

我想仅在选择选项卡时绑定下拉列表。我也想在选项卡更改时清除gridviews。

这是我的HTML代码

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

+1

你试过了什么?你也可以缩进你的HTML –

+0

固定代码格式。 – phd

回答

0

Himani嗨,尝试这样的 -

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

在Javascript中 -

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

谢谢:)

+0

我试过了,它仍然没有工作。我也尝试在onclick事件中将gridview的数据源设置为null。 –

+0

请编写你的代码你在javascript中写什么? –

相关问题