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

参考前一篇，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/>");
        }
    }

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

基于列表框的简单选课窗体开发。编写Windows应用程序，设计实现一个简单选课系统，要求：（1）点击“添加”按钮，将把在第一文本框中的输入的课程名称添加到左边的列表框中，且所添加的课程不能为空，不能
基于列表框的简单选课窗体开发.编写Windows应用程序,设计实现一个简单选课系统,要求: (1)点击"添加"按钮,将把在第一文本框中的输入的课程名称添加到左边的列表框中,且所添加 ...
PMEdit一个富文本框可以编辑文本、并可以显示GIF动画
PMEdit一个富文本框可以编辑文本.并可以显示GIF动画发布时间:2013-04-14 发布来源: 护士必必要有同情心和一双愿意工作的手. 一.在开端之前起首吐槽一下,本人是一个自力开辟者,在中国 ...
java如何创建一个文本框_创建一个有文本框和三个按钮的程序。当按下某个按钮时，使不同的文字(Java..._考试资料网...
问答题创建一个有文本框和三个按钮的程序.当按下某个按钮时,使不同的文字("Java","编程","不难学")显示在文本框中.已经给出部分代码 ...
vue项目点击左侧子菜单，打开一个新的浏览器标签页
在项目开发中,产品给了这样一个需求:点击左侧子菜单,在浏览器中打开一个新的标签页,展示数据大屏.在此写个随笔记录下实现过程. 思路:使用编程式导航实现页面跳转,我们常用的是 $router.push ...
PMEdit一个富文本框可以编辑文本、图片并可以显示GIF动画
一.在开始之前首先吐槽一下,本人是一个独立开发者,在中国独立开发者就代表一个比较苦逼的行业,特别是对底层东西进行开发者,尤其本人研究方向是编译器.解析器基本上没有公司要,所以出来做个独立开发者.作为独 ...
vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...
在html页面写一个富文本框
第一步:获取到富文本框的这个文件,链接地址:https://ckeditor.com/cke4/builder (1)里面有几个选择,看你需求自己进行选择,然后鼠标一直拖到最下面,开始下载包下面我只 ...
python设计程序输出一个带文本框和图像的窗体_设计一个文本框用户在文本框中输入什么窗体标题就同步显示什么怎么设计啊...
展开全部要求 1.掌握算法的基本概念. 2.掌握基本数据结构及其操作. 3.掌握基本排序和查找算法. 4.掌握逐e68a8462616964757a686964616f31333264626533步 ...
html中有点击箭头控制数字,JS :通过上下箭头控制文本框中数字增减（KeyDown）
function numTxt_KeyDown(e, eventCtrl) { var e = e ? e : window.event;//IE:event var keyCode = e.whic ...

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

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

最新文章

热门文章