利用JS动态创建html控件并在后台实现取值
2009-06-02 23:14
891 查看
经常我们在开发中可能需要动态创建一些控件,如果动态创建web控件又很麻烦,本文介绍给你如何利用JS创建html控件并在后台取值,废话少说,上菜:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetHtmlCtrValue.aspx.cs"
2 Inherits="RoadShow.Web.GetHtmlCtrValue" %>
3
4<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5<html xmlns="http://www.w3.org/1999/xhtml">
6<head runat="server">
7 <title>无标题页</title>
8
9 <script language="javascript" type="text/javascript">
10 function CreateInputTxt()
11 </script>
25
26</head>
27<body>
28 <form id="form1" runat="server">
29 <div id="div1">
30 <input type="text" name="txtFile" />
31 <a href="javascript:CreateInputTxt();">添加新的text</a>
32 <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
33 </div>
34 <asp:HiddenField ID="Count" runat="server" Value="0" />
35 </form>
36</body>
37</html>
38
后台代码:
using System;
2using System.Collections;
3using System.Configuration;
4using System.Data;
5using System.Linq;
6using System.Web;
7using System.Web.Security;
8using System.Web.UI;
9using System.Web.UI.HtmlControls;
10using System.Web.UI.WebControls;
11using System.Web.UI.WebControls.WebParts;
12using System.Xml.Linq;
13
14namespace RoadShow.Web
15
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GetHtmlCtrValue.aspx.cs"
2 Inherits="RoadShow.Web.GetHtmlCtrValue" %>
3
4<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5<html xmlns="http://www.w3.org/1999/xhtml">
6<head runat="server">
7 <title>无标题页</title>
8
9 <script language="javascript" type="text/javascript">
10 function CreateInputTxt()
11 </script>
25
26</head>
27<body>
28 <form id="form1" runat="server">
29 <div id="div1">
30 <input type="text" name="txtFile" />
31 <a href="javascript:CreateInputTxt();">添加新的text</a>
32 <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
33 </div>
34 <asp:HiddenField ID="Count" runat="server" Value="0" />
35 </form>
36</body>
37</html>
38
后台代码:
using System;
2using System.Collections;
3using System.Configuration;
4using System.Data;
5using System.Linq;
6using System.Web;
7using System.Web.Security;
8using System.Web.UI;
9using System.Web.UI.HtmlControls;
10using System.Web.UI.WebControls;
11using System.Web.UI.WebControls.WebParts;
12using System.Xml.Linq;
13
14namespace RoadShow.Web
15
相关文章推荐
- 利用JS动态创建html控件并在后台实现取值
- JS创建HTML控件并动态生成页面的写法
- 有关insertAdjacentHTML动态插入行,利用js在客户端插入控件
- [HTML/JS]利用JQuery的load函数动态加载其它页面的内容的实现代码代替Ifram
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- Android使用webview控件加载本地html,通过Js与后台Java实现数据的传递
- 【HTML/JS】利用JQuery的load函数动态加载其它页面的内容的实现代码
- 在Visualforce page中用自带的控件实现Ajax回调后台方法(并且可以用js去动态给parameters赋值)
- JS实现在Repeater控件中创建可隐藏区域的代码
- 利用JS实现:页面组件的动态显示、隐藏
- 利用js-对象实现简单的动态论坛页面
- 动态创建ASP.NET控件并保持其状态分析及实现
- 利用Angularjs和原生JS分别实现动态效果的输入框
- 利用反射动态创建控件,且修改其属性
- js实现手机端可以上拉刷新,动态通过ajax从后台获取数据
- asp.net后台动态添加JS文件和css文件的引用实现方法
- 动态创建控件和取值
- 后台时间控件,用js动态加载时,要初始化——项目问题