ASP.NET 动态创建文本框 TextBox (add TextBox to page dynamically)
下面的函数每执行一次就生成一个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)的更多相关文章
- Asp.net中使用文本框的值动态生成控件的方法
这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个“花 ...
- 使用Htmlhelper,创建文本框TextBox
下面通过HtmlHelper帮助类,创建文本框. 首先新建一个实体类,做为下面的例子: using System; using System.Collections.Generic; using Sy ...
- MVC动态添加文本框,后台使用FormCollection接收
在"MVC批量添加,增加一条记录的同时添加N条集合属性所对应的个体"中,对于前台传来的多个TextBox值,在控制器方法中通过强类型来接收.使用FormCollection也可以接 ...
- SSRS动态设置文本框属性
SSRS可以通过表达式动态设置文本框所有的属性,比如字体,字号,是否加粗,如下图所示: 汉字和数字英文字母占用的空间不一样,一个汉字占用两个数字和英文字母的空间,VB里有LENB取得字节数,这SSRS ...
- JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)
一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: <div> <textare ...
- word中创建文本框
word中创建文本框 在插入中点击"文本框"选项卡,例如以下图所看到的: 手工加入自己想要的文本框格式,然后选择所创建的文本框,在工具栏处会发现多了一 ...
- HTML创建文本框的3种方式
我的第一个随笔,记录主要用来整理学习的知识点 1.input 创建单行文本框 <input type="text" size="10" maxlength ...
- ASP.Net动态创建GridView
1.创建Field BoundField requestitem = new BoundField();//注意Field可以是ButtonField,TemplateField,...等等GridV ...
- iOS学习之根据文本内容动态计算文本框高度的步骤
在视图加载的过程中,是先计算出frame,再根据frame加载视图的,所以在设计计算高度的方法的时候,设计成加号方法; //首先给外界提供计算cell高度的方法 + (CGFloat)heightFo ...
随机推荐
- [开发笔记]-Linq to xml学习笔记
最近需要用到操作xml文档的方法,学习了一下linq to xml,特此记录. 测试代码: class Program { //参考: LINQ to XML 编程基础 - luckdv - 博客园 ...
- 使用livereload实现自动刷新
livereload是一个web开发辅助工具,当我们修改完html.css和js的时候会自动刷新浏览器,解放码农的双手.这样在双屏切图.写js代码的时候会提高很多效率.livereload有很多版本, ...
- hdfs清空回收站
1. 直接删除目录(不放入回收站) hdfs dfs -rm -skipTrash /usr/tmp/log/ 2. 清空回收站 hdfs dfs -expunge
- Repeater 嵌套，子级Repeater获取 父级Repeater 中的值
第一种方法,子级Repeater中绑定父级的某个字段: <%# DataBinder.Eval((Container.NamingContainer.NamingContainer as Rep ...
- Git 克隆操作
我们有一个裸库Git服务器,Tom 也推了他的第一个版本.现在,Jerry 可以查看他的变化.克隆操作的远程存储库创建实例. Jerry 在他的home目录,并创建新的目录,执行克隆操作. [jerr ...
- matlab中log函数与rssi转距离
我们通常所说的log是指以10为底的对数,而MATLAB中的log却不是这样.Matlab中的log函数在默认情况下是以e为底,即loge,如果需要计算以10为底的对数,那么需要用log10()函数. ...
- Development Tools
Introduction Even Chris created his article of Useful Reference Books ages ago I just bumped into it ...
- so在genymotation中错误问题
genymotation的android模拟器运行起来非常快,但是有些项目安装到上面不是crash,log一般是so文件调用失败的信息,或则直接提示INSTALL_FAILED_CPU_ABI_INC ...
- VIM的自动补全
自动补全可以很好的提高输入的效率: 触发自动补全的方法总结: 可供弹出式菜单的使用的命令: 其它再补充:
- 第三百五十六节，Python分布式爬虫打造搜索引擎Scrapy精讲—scrapy分布式爬虫要点
第三百五十六节,Python分布式爬虫打造搜索引擎Scrapy精讲—scrapy分布式爬虫要点 1.分布式爬虫原理 2.分布式爬虫优点 3.分布式爬虫需要解决的问题