Asp.net 在asp中使用按钮显示和隐藏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">

我试图在asp.net中显示一些包含一些控件的div。我希望能够按顺序显示它们,并按顺序删除它们。因此,当我单击添加div的按钮时,它必须获得行中的下一个div。另一方面,当我移除它们时。这是提琴

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