下面的函数每执行一次就生成一个TextBox（其实是<input type="Text">）


   var i=0;

    function changeIt()

    {

    if(i<5)

    {

        i=i+1;

        skils='skill'+i;

        my_div.innerHTML = my_div.innerHTML +" <input type='text' id='" + skils + "'>";

    }

    else

    {

    }

    }

我们来之行它:点击以下就添加一个TB：

        <a id="addSkills" href="javascript:changeIt();">Add More</a>

好，文本框是显示出来了，但它是在客户端生成的，不能保存状态，跟服务端无法直接沟通，它们的值我们怎么来取呢？——Hidden Field，老办法。。。

        <asp:HiddenField ID="Skills" runat="server" />

    function getValues()

    {

        document.getElementById("Skills").value=document.getElementById('skill1').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill2').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill3').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill4').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill5').value+"|";

        window.alert(document.getElementById("Skills").value);

    }

这样，就把这些TEXTBox们的值存入了Hidden Field，我们在服务端取一下看看：

        <asp:Button ID="Button3" OnClientClick="javascript:getValues();" runat="server" 

            Text="get from client-side" onclick="Button3_Click"/>
    protected void Button3_Click(object sender, EventArgs e)

    {

        string val=this.Skills.Value;

        Response.Write(val);

    }

取出来了：

全部代码在此：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

    <script language="javascript" type="text/javascript">

    var i=0;

    function changeIt()

    {

    if(i<5)

    {

        i=i+1;

        skils='skill'+i;

        my_div.innerHTML = my_div.innerHTML +" <input type='text' id='" + skils + "'>";

    }

    else

    {

    }

    }

    function getValues()

    {

        document.getElementById("Skills").value=document.getElementById('skill1').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill2').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill3').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill4').value+"|";

        document.getElementById("Skills").value+=document.getElementById('skill5').value+"|";

        window.alert(document.getElementById("Skills").value);

    }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:HiddenField ID="Skills" runat="server" />

        <a id="addSkills" href="javascript:changeIt();">Add More</a>

        <asp:Button ID="Button3" OnClientClick="javascript:getValues();" runat="server" 

            Text="get from client-side" onclick="Button3_Click"

           />

        <div id="my_div">

        </div>

    </div>

    </form>

</body>

</html>

using System;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

public partial class _Default : System.Web.UI.Page 

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void Button3_Click(object sender, EventArgs e)

    {

        string val=this.Skills.Value;

        Response.Write(val);

    }

}
 
 

ASP.NET 动态创建文本框 TextBox (add TextBox to page dynamically)的更多相关文章

  1. Asp.net中使用文本框的值动态生成控件的方法

    这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个“花 ...

  2. 使用Htmlhelper,创建文本框TextBox

    下面通过HtmlHelper帮助类,创建文本框. 首先新建一个实体类,做为下面的例子: using System; using System.Collections.Generic; using Sy ...

  3. MVC动态添加文本框,后台使用FormCollection接收

    在"MVC批量添加,增加一条记录的同时添加N条集合属性所对应的个体"中,对于前台传来的多个TextBox值,在控制器方法中通过强类型来接收.使用FormCollection也可以接 ...

  4. SSRS动态设置文本框属性

    SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...

  5. JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

    一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: <div> <textare ...

  6. word中创建文本框

    word中创建文本框         在插入中点击"文本框"选项卡,例如以下图所看到的:        手工加入自己想要的文本框格式,然后选择所创建的文本框,在工具栏处会发现多了一 ...

  7. HTML创建文本框的3种方式

    我的第一个随笔,记录主要用来整理学习的知识点 1.input 创建单行文本框 <input type="text" size="10" maxlength ...

  8. ASP.Net动态创建GridView

    1.创建Field BoundField requestitem = new BoundField();//注意Field可以是ButtonField,TemplateField,...等等GridV ...

  9. iOS学习之根据文本内容动态计算文本框高度的步骤

    在视图加载的过程中,是先计算出frame,再根据frame加载视图的,所以在设计计算高度的方法的时候,设计成加号方法; //首先给外界提供计算cell高度的方法 + (CGFloat)heightFo ...

随机推荐

  1. 强大的vim配置文件，让编程更随意

    花了很长时间整理的,感觉用起来很方便,共享一下. 我的vim配置主要有以下优点: 1.按F5可以直接编译并执行C.C++.java代码以及执行shell脚本,按“F8”可进行C.C++代码的调试 2. ...

  2. python里面有人写while 循环用 用while 1 和while True的区别

    由于Python2中,True/False不是关键字,因此我们可以对其进行任意的赋值,这就导致程序在每次循环时都需要对True/False的值进行检查:而对于1,则被程序进行了优化,而后不会再进行检查 ...

  3. 一些有用的js插件

    getfuelux.com  一系列插件合集 Ion.RangeSlider 超级牛的范围选择控件 Ion.CheckRadio Ion.Tabs Ion.Calendar Ion.ImageSlid ...

  4. java 、HashMap 和单例

    前段时间在项目中遇到一个问题.当多个系统同时运行时,大部分系统能够良好运转,部分却卡死在了启动界面.以下是我解决该问题的步骤和总结:   1.复现问题.重新走了一遍出问题的过程,发现问题的确存在.说明 ...

  5. 记一次MyEclipse闪退的解决方法

    http://www.th7.cn/Program/java/201408/262487.shtml ———————————————————————————————————————————————— ...

  6. PDF文件分割和合并

    今天自己用C#实现了下PDF文件的分割和合并,大家可以试用一下. 代码和使用说明在这里:https://github.com/cserspring/pdf_split_merge 有什么意见,大家可以 ...

  7. HTML5 中 40 个最重要的技术点

    介绍 我是一个ASP.NET MVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性.所以以下40个重要的问题将帮助你复习HTML5相关的知识. 这些问题不是你得到工作的高效解决 ...

  8. USB2.0学习笔记连载（十八）：keil实现寄存器的配置及相关函数讲解（二）

    其实之前也有提及过,Cypress公司提供的官方文件和应用手册真的可以解决很多问题.做的也很人性化,操作也及其简单,几乎只要在 TD_int()里面配置一些常用的参数即可,其他都可以不用操作. 作为一 ...

  9. 关于Unity中关节的使用(一)

    1: 刚体的形状大小在物理世界里面是不变的,可是很多时候,我们需要多个刚体来配合使用;2: 关节: 连接刚体与刚体的对应的物理模拟;3: 关节类型: 铰链关节,弹簧关节, 固定关节, 角色关节,可配置 ...

  10. 情商UP:不遵守八小时工作制，你就能富起来?？

    从工作第一天起,我们就默认了八小时工作制,但从没有想过,这是不是最高效的工作时间. 事实上,八小时工作制并没有科学依据,不过是多年来约定俗成的习惯罢了. 那些坚守八小时工作制的人和敢于打破它的人,都获 ...