当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

asp.net 动态增加文本框代码

欢迎进入.NET社区论坛,与200万技术人员互动交流 >>进入

    我们今天要实现的功能是,点击某个按钮,动态增加文本框,其实实现起来不是很难,大家一起来看看!

    protected void btnAdd_Click(object sender, EventArgs e)
    {

    Response.write(javascript代码);

    }


    javascript:

    <script language=\"javascript\">
    var i = 0;
    function add()
    {
     var area = document.getElementById(\"area\");
    i++;
    area.innerHTML += \"<br>\" + \"<input type=\\\"text\\\" id=\\\"id\\\"\"+i+\"/>\";
    }
    function show()
    {
    var area = document.getElementById(\"area\");
    alert(area.innerHTML);
    }
    </script>
    </head>

    <body>
    <input type=\"button\" onClick=\"add()\" value=\"btn\"/>
    <input type=\"button\" onClick=\"show()\" value=\"show\"/>

    <div id=\"area\"/>
    </body>

相关内容
赞助商链接