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

本文转载自查看原文 2012-09-24 21:21 4932 C#/ Set/ PlaceHolder/ FOR/ EventHandler/ ViewState/ Click/ TextBox/ foreach/ HTML/CSS/ Button/ get/ ASP.NET

参考前一篇，http://www.cnblogs.com/insus/archive/2012/09/23/2698613.html 没有达到用户的要求，用户要求是每点击一次添加铵钮，产生一个新的文本框TextBox，在文本框输入一些值之后，点击获取文本框值的铵钮，能取得刚才在文本框的值。首先看看修改之后的效果：

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

View 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" />

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

TotalControls

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

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

View Code

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

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

View Code

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

Click事件：

View Code

protected void ButtonAdd_Click( object sender, EventArgs e)
    {
        TotalControls = TotalControls + 1;
        DymanicallyGenerateTextBoxControl(TotalControls);
    }

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

View 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/> ");
        }
    }

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 解决js获取到文本框默认值，但获取不到用户输入的值的问题 js获取文本框的值 robotframework 获取文本框中的输入值进行断言判断微信小程序—如何获取用户输入文本框的值 JavaScript 判断文本框输入的值是否是数字类型关于MFC文本框输入内容的获取与设置文本框的内容 JS动态生成Input文本框并获取文本框值动态添加或减少文本框，并获取文本框值 5.js获取文本框的value值 js脚本练习：文本框输入数字，点击按钮后，由小到大排列，并返回给文本框