为了账号安全,请及时绑定邮箱和手机立即绑定

动态产生TextBox,并获取TextBox值。

标签:
JavaScript


 

动态添加,需要在PostBack之后,保留状态,因此需要用到ViewState. 下面是简单代码。

5acf071e0001405b00110016.jpgView Code   显示文本框结果:<asp:Label ID="LabelResult" runat="server" Text=""></asp:Label><br />
            这里装载动态产生的文本框:
            <asp:PlaceHolder ID="PlaceHolderLoadTextBox" runat="server"></asp:PlaceHolder><br />

            <asp:Button ID="ButtonDyGenerate" runat="server" Text="动态产生文本框" OnClick="ButtonDyGenerate_Click" />
            <asp:Button ID="ButtonGetTextBoxValue" runat="server" Text="获取文本框值" OnClick="ButtonGetTextBoxValue_Click" />

 

动态产生TextBox:

5acf071e0001405b00110016.jpgDymanicallyCreateTextBox()  private void DymanicallyCreateTextBox()
    { 
        TextBox tb = new TextBox();
        tb.ID = "TextBox1";
        this.PlaceHolderLoadTextBox.Controls.Add(tb);
    }

 

当用户点击铵钮[动态产生文本框]事件时,记得用ViewState来记录是否有动态创建过TextBox。

5acf071e0001405b00110016.jpgView Code  protected void ButtonDyGenerate_Click(object sender, EventArgs e)
    {
        ViewState["Insus.NET"] = true;
        DymanicallyCreateTextBox(); 
    }

 

在Page_Load事件,去判断ViewState是否为真。

5acf071e0001405b00110016.jpgPage_Load  protected void Page_Load(object sender, EventArgs e)
    {
        if (ViewState["Insus.NET"] != null)
            DymanicallyCreateTextBox(); 
    }

 

最后是获取动态产生的TextBox,当用户输入值这后,点击[获取文本框值]铵钮,获取值。

5acf071e0001405b00110016.jpgButtonGetTextBoxValue_Click  protected void ButtonGetTextBoxValue_Click(object sender, EventArgs e)
    {
        if (ViewState["Insus.NET"] != null)
        {
            foreach (Control ctl in this.PlaceHolderLoadTextBox.Controls)
            {
                if (ctl is TextBox && ((TextBox)ctl).ID == "TextBox1")
                    this.LabelResult.Text = (ctl as TextBox).Text;
                break;
            }
        }
    }

 

 

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消