Asp.net 将网页创建为两部分

Asp.net 将网页创建为两部分,asp.net,webpage,Asp.net,Webpage,我想开发一个带有2个面板的登记表。一个面板是个人信息,另一个面板是地址详细信息。在这些面板中,用户填写个人信息的所有详细信息,完成后,用户单击添加地址详细信息。如果用户单击该按钮,则第二个面板应在不刷新页面的情况下可见。我怎样才能做到这一点 可以使用javascript将第二个表单附加到第一个表单的div。或者不管你是如何设置的。所以在jquery中,它看起来像这样: <script type="text/javascript"> $('#buttonid').click(funct

我想开发一个带有2个面板的登记表。一个面板是个人信息,另一个面板是地址详细信息。在这些面板中,用户填写个人信息的所有详细信息,完成后,用户单击
添加地址详细信息
。如果用户单击该按钮,则第二个面板应在不刷新页面的情况下可见。我怎样才能做到这一点

可以使用javascript将第二个表单附加到第一个表单的div。或者不管你是如何设置的。所以在jquery中,它看起来像这样:

<script type="text/javascript">
$('#buttonid').click(function() {
    $('#divid').append("<form><input />etc etc etc</form>");
});
</script>

$('#buttonid')。单击(函数(){
$('#divid')。追加(“etc”);
});

您应该研究使用
更新面板。您可以在其中放置具有不同表单信息的
面板
。点击几个按钮,隐藏/显示不同的面板

用一个简单的例子进行编辑

<asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel id="upnl" runat="server" ChildrenAsTriggers="true">
            <ContentTemplate>
                <asp:Panel ID="pnl1" runat="server">
                    <!--personal info-->
                    <asp:Button ID="btn1" runat="server" Text="this button could validate personal info, hide pnl1 and show pnl2" />
                </asp:Panel>
                <asp:Panel ID="pn2" runat="server" Visible="false">
                    <!--address info-->
                    <asp:Button id="btn2" runat="server" Text="this button could validate address information and finally submit the form." />
                </asp:Panel>
            </ContentTemplate>
        </asp:UpdatePanel>

您应该使用。它是这些场景的完美工具。Scott Gu有一篇帖子,上面有一些链接解释如何使用它。我建议你有一个视频链接,引导你通过一个完整的例子


我不知道,但在同一页面上根据某些条件隐藏/显示面板对我来说是不雅观和不雅的。

先生,我是asp.net的新手,我的学术项目是从这个网站注册医生的,请你给出updatepanels\@user966602的详细示例,我已经添加了一个简单的布局,你想从这里开始,但你需要做进一步的研究。我不能为您编写代码。我建议您仔细阅读jQueryAPI。我不能用勺子喂你。因为我不知道你的页面是如何设置的。你什么也学不到。