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

点击一次铵钮产生一个新文本框,分别输入值,然后获取

标签:
JavaScript


 

xxx.aspx:在网页中,拉一个动态添加文本框装载的容器PlaceHolder,和两个铵钮,一个是添加,另一个是获取值。

5acf071e0001405b00110016.jpgView Code  <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
            <br />
            <asp:Button ID="ButtonAdd" runat="server" Text="Add TextBox"  OnClick="ButtonAdd_Click" />
            <asp:Button ID="ButtonGetValue" runat="server" Text="GetTextValue" OnClick="ButtonGetValue_Click" />

 

为了记录添加的次数,我们需要写一个属性,记得点击次数。

5acf071e0001405b00110016.jpgTotalControls protected int TotalControls
    {
        get 
        {
            return ViewState["TotControls"] == null ? 0 : (int)(ViewState["TotControls"]); 
        }
        set 
        { 
            ViewState["TotControls"] = value; 
        }
    }

 

写一个方法,动态产生文本框,方法有一个参数,就是传入将要产生的次数。

5acf071e0001405b00110016.jpgView Code  private void DymanicallyGenerateTextBoxControl(int totalControls)
    {
        TextBox tb = new TextBox();
        tb.ID = "TextBox" + totalControls;
        this.PlaceHolder1.Controls.Add(tb);
    }

 

网页一加载时,Page_Load事件中,判断计数器为多少,循环产生文本框。

5acf071e0001405b00110016.jpgView Code  protected void Page_Load(object sender, EventArgs e)
    {
        for (int i = 0; i < TotalControls; i++)
        {
            DymanicallyGenerateTextBoxControl(i + 1);
        }       
    }

 

Click事件:

5acf071e0001405b00110016.jpgView Code  protected void ButtonAdd_Click(object sender, EventArgs e)
    {
        TotalControls = TotalControls + 1;
        DymanicallyGenerateTextBoxControl(TotalControls);
    }

 

最后是获取文本框值的铵钮Click事件:

5acf071e0001405b00110016.jpgView Code  protected void ButtonGetValue_Click(object sender, EventArgs e)
    {
        foreach (Control ctl in this.PlaceHolder1.Controls)
        {
            if (ctl is TextBox)
                Response.Write(((TextBox)ctl).Text.Trim () + "<br/>");
        }
    }

 

点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

举报

0/150
提交
取消