关于JS动态生成input,后台获取值的有关问题-ASP.NET教程-爱易网页

关于JS动态生成input,后台获取值的有关问题

日期：2014-05-17　浏览次数：20529 次

关于JS动态生成input,后台获取值的问题



<script type="text/javascript">

    function Creat() {

        var textBoxId = document.createElement("input");

        textBoxId.nodeType = "text";

        textBoxId.nodeName = "textBoxId1";

        document.getElementById("GoodsBox").appendChild(textBoxId);

    }

</script>



 <div>

    <form action="Default2.aspx" method="post" id="GoodsBox">

        <input type="submit" value="提交" />

    </form>

    <input type="button" onclick="Creat()" value="创建" />

    </div>

很简单..点击创建按钮..调用Creat方法..

Creat方法就是生成一个input元素,type=text 也就是文本框,然后name=textBoxId1

然后再添加到form里面...

问题点击创建..文本框是出来了..但是提交后..Request.Form["textBoxId1"]竟然为null..这到底是为什么?

还有没有别的方法动态生成文本框,然后后台能获取值的

------解决方案--------------------
textBoxId.setAttribute("type", "text");
textBoxId.setAttribute("name", "textBoxId1");
------解决方案--------------------
好吧，我把完整的例子发一下。你参考一下。

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <script type="text/javascript">

        function Creat() {

            var textBoxId = document.createElement("input");

            textBoxId.setAttribute("type", "text");

            textBoxId.setAttribute("id", "textBoxId1");

            document.getElementById("GoodsBox").appendChild(textBoxId);

        }

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

关于JS动态生成input,后台获取值的有关问题

相关资料更多>

推荐阅读更多>