ASP.NET 动态创建文本框 TextBox (add TextBox to page dynamically)

最新推荐文章于 2015-12-15 23:19:21 发布

weixin_34318272

最新推荐文章于 2015-12-15 23:19:21 发布

阅读量81

点赞数

文章标签： javascript xhtml ui ViewUI

废话少说，服务端的方法基本上是不可行的，麻烦，没有详细去试，只有依赖于客户端脚本了：

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

我们来之行它:点击以下就添加一个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);
    }

取出来了：

全部代码在此：

Code

@ 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">

<title>Untitled Page</title>

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>

<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>

</form>

</body>

</html>

Code

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);

}

weixin_34318272

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET 动态创建文本框 TextBox (add TextBox to page dynamically)

废话少说，服务端的方法基本上是不可行的，麻烦，没有详细去试，只有依赖于客户端脚本了：下面的函数每执行一次就生成一个TextBox（其实是&lt;input type="Text"&gt;） var i=0; function changeIt() { if(i&lt;5) { i=i+1; skil...
复制链接

扫一扫