innerHTML 不在 Firefox 中添加表单元素答案

【问题标题】：innerHTML doesn't add form elements in firefoxinnerHTML 不在 Firefox 中添加表单元素
【发布时间】：2012-05-03 02:30:07
【问题描述】：

我环顾四周，发现其他人在 Firefox 中遇到了有关 innerHTML 的问题，但我找不到解决方案。这是一个非常简单的js，在IE中运行良好，但在firefox中不会将表单元素结果1提交到下一页。任何 Firefox 帮助表示赞赏。谢谢！杰拉德

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Page Title</title>

    <script type="text/javascript" language="JavaScript">
    function addInput1(){
    var x = document.getElementById("Input1");
    x.innerHTML += "<textarea cols=\'20\' rows=\'3\' name=\'Outcome1\'></textarea><br/>";
    }

    </script>
</head>
    <body>
        <table cellspacing="0" cellpadding="2">
        <form action="admin/AddNew.cfm" method="post">
            <tr>
            <td valign="top" class="center">
                <input type="button" value="+" onmousedown="addInput1();" />
                <div align="center" id="Input1"></div>
            </td>
            </tr>
            <tr>
            <td>
                <input type="submit" name="Submit" value="Submit">
            </td>
            </tr>
        </form>
    </table>
    </body>
</html>

【问题讨论】：

标签： innerhtml

【解决方案1】：

FF 很久以前就不允许这样做，只是为了安全。您必须在表单中添加隐藏输入，并在提交之前设置值。

哦，对不起。也许你的情况有点不同。尝试这个：使形成主体的第一个元素。

<body>
<form>
</form>
</body>

【讨论】：

谢谢@neohope。对不起，我是个傻瓜，但仍然不知道如何解决它。你能握住我的手，出示你要使用的代码吗？
你修复了它@neohope。谢谢！完美运行。