如何创建一个 Asp 按钮以在单击时显示新文本框

Question

所以我想做的是我在网络表单等上经常看到的事情，基本上在我的网络表单中，我想授予用户根据需要添加更多信息的能力。例如，我要求一个单词，但我想通过一个按钮来允许输入多个单词，每次单击该按钮时都会显示一个附加文本框。现在我尝试实现它的方法是创建 3 个文本框（以及与每个文本框对应的按钮），使第一个文本框可见，但隐藏其余文本框。这个想法是，一个全局变量跟踪应该显示哪个文本框，然后我在它上面运行一个 switch 语句并显示相应的框：

<asp:TextBox ID="textBoxNewCanonical" runat="server"></asp:TextBox>
<asp:Button runat="server" ID="buttonFind" Text="Find" Visible="false" OnClick="buttonFind_OnClick" />
<asp:TextBox ID="textBoxNewCanonical1" Visible="false" runat="server"></asp:TextBox>
<asp:Button runat="server" ID="buttonFind1" Text="Find" Visible="false" OnClick="buttonFind_OnClick" />
<asp:TextBox ID="textBoxNewCanonical2" Visible="false" runat="server"></asp:TextBox>
<asp:Button runat="server" ID="buttonFind2" Text="Find" Visible="false" OnClick="buttonFind_OnClick" />
<asp:Button runat="server" ID="btnMultipleCanonical" Text="Choose Another Canoical" OnClick="buttonChooseAnother_Click" />

这里的按钮ChooseAnother_Click

protected void buttonChooseAnother_Click(object sender, EventArgs e)
{
    switch(CanonicalNum)
    {
        case 0:
            textBoxNewCanonical1.Visible = true;
            buttonFind1.Visible = true;
            break;
        case 1:
            textBoxNewCanonical2.Visible = true;
            buttonFind2.Visible = true;
            break;
        default:
            break;
    }
    CanonicalNum = CanonicalNum+1;
}

CanonicalNum 设置为 0 来启动这似乎应该可以工作，但是最终发生的情况是，当我单击按钮时，它只显示 textBoxNewCanonical1，然后在下次单击时不执行任何其他操作。 所以我的问题有两个 1. 谁能告诉我我的代码可能有什么问题以及如何修复它 2.如果有更好的方法来做到这一点，我会很高兴听到它

您可能想知道的几件事是我当前需要能够访问按钮我还使用 switch 语句在一个事件中处理它们处理程序。此外，我需要访问文本字段，以便我可以在另一个按钮单击事件时填写值。

编辑：它是母版页的子页面，仅供参考。

Answer 1

单击按钮将导致回发，这将在页面重新加载时将 CanonicalNum 重置为 0。我将使用 Session 来存储 CanonicalNum：

在您的 page_load 方法中，添加以下内容：

if (!Page.IsPostBack)
{
    CanonicalNum = 0;
    Session["CanonicalNum"] = CanonicalNum;
}
else
{
    CanonicalNum = (int)Session["CanonicalNum"];
}

在按钮单击事件中，在递增 CanonicalNum 后用新值更新 Session 对象：

Session["CanonicalNum"] = CanonicalNum;

如果您希望文本框保持可见，则需要更新你的buttonChooseAnother_Click来处理这个问题，否则那些不匹配CanonicalNum的将在postack上设置回Visible =“false”：

protected void buttonChooseAnother_Click(object sender, EventArgs e) 
{     

    switch(CanonicalNum)     
    {         
        case 0:             
            textBoxNewCanonical1.Visible = true;             
            buttonFind1.Visible = true;
            break;         
        case 1:
            textBoxNewCanonical1.Visible = true;
            buttonFind1.Visible = true;             
            textBoxNewCanonical2.Visible = true;
            buttonFind2.Visible = true;             
            break;         
        default:             
            break;     
    }     

    CanonicalNum = CanonicalNum+1; 
    Session["CanonicalNum"] = CanonicalNum;

}

我想你可能想重新审视你正在尝试的内容来完成，因为可能有更好的方法来做到这一点。

Answer 2

我将使用 Ajax 来完成此操作，并将按钮和文本框放在 UpdatePanel 内。

然后使用代码创建文本框。唯一复杂的部分是将文本框放置在您想要的位置。为此，您需要使用占位符和 CSS 的组合。