innerHTML不会在firefox中添加表单元素

时间:2012-05-03 02:30:07

标签: innerhtml

我环顾四周,看到其他人在firefox中遇到了innerHTML的问题,但我找不到解决方法。这是非常简单的js,在IE中工作正常,但不会将表单元素outcome1提交到firefox的下一页。任何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>

1 个答案:

答案 0 :(得分:2)

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

哦,抱歉。 也许你的情况有点不同。 试试这个: 使形成身体的第一个元素。

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