• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

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

 

下面的函数每执行一次就生成一个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:

 

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

 

取出来了:

 

 

全部代码在此:

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Asp.net页面的生命周期之通俗理解[zt]发布时间:2022-07-10
下一篇:
使用ASP.NET AJAX访问Script Method时启用客户端缓存发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap