Asp.net 在asp中使用按钮显示和隐藏div
我试图在asp.net中显示一些包含一些控件的div。我希望能够按顺序显示它们,并按顺序删除它们。因此,当我单击添加div的按钮时,它必须获得行中的下一个div。另一方面,当我移除它们时。这是提琴Asp.net 在asp中使用按钮显示和隐藏div,asp.net,Asp.net,我试图在asp.net中显示一些包含一些控件的div。我希望能够按顺序显示它们,并按顺序删除它们。因此,当我单击添加div的按钮时,它必须获得行中的下一个div。另一方面,当我移除它们时。这是提琴 <div id="AdditivesENumbers1" style="display: none" class="myRow"> <div class="mediumCol">
<div id="AdditivesENumbers1" style="display: none" class="myRow">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers1" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers1" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment1" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment1" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers2" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers2" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers2" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment2" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment2" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers3" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers3" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers3" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment3" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment3" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers4" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers4" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers4" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment4" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment4" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers5" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers5" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers5" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment5" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment5" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers6" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers6" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers6" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment6" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment6" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers7" style="display: none" class="myRow ">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers7" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers7" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment7" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment7" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div id="AdditivesENumbers8" style="display: none" class="myRow">
<div class="mediumCol">
<div class="myRow">
<div class="mediumCol title">
<asp:Label ID="lblNewAdditivesENumbers8" runat="server" Text="Additives & E-numbers"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="mediumCol">
<asp:DropDownList ID="ddNewAdditivesENumbers8" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
<div class="smallCol ekstraSpaceLeft">
<div class="myRow">
<div class="smallCol title">
<asp:Label ID="lblNewAdditivesENumbersLevelOfContainment8" runat="server" Text="Level Of Containment"></asp:Label>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<asp:DropDownList ID="ddNewAdditivesENumbersLevelOfContainment8" CssClass="form-control" runat="server"></asp:DropDownList>
</div>
</div>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<div class="myRow">
<div class="smallCol">
<input id="addNewAdditive" value="Add new" type="button" class="btn btn-default" />
</div>
</div>
</div>
</div>
</div>
<div class="myRow">
<div class="smallCol">
<div class="myRow">
<div class="smallCol">
<input id="addNewAdditive" value="CLICK" type="button" class="btn btn-default" />
</div>
</div>
</div>
</div>