HTML表单提交不显示javascript输出答案

【问题标题】：HTML Form submit not displaying the javascript outputHTML表单提交不显示javascript输出
【发布时间】：2011-02-20 14:50:56
【问题描述】：

我希望有一个提交按钮（用于默认表单操作），以及一个用于第二个操作的附加按钮。

我有以下代码：

<html>
<head><title></title>
<?PHP
$Input = "";
if(isset($_POST['Input'])) $Input = $_POST['Input'];
?>
</head>

<body>
    <FORM id ="form1" method="post">
        Input: <INPUT TYPE = "TEXT" VALUE ="<?php echo $Input;?>" NAME = "Input" SIZE="3">
        <INPUT TYPE = "submit" id = "action1" VALUE = "action 1"> 
        <INPUT TYPE = "button" id = "action2" VALUE = "action 2">
    </FORM>
    <br>

    <script type="text/javascript">
        var form = document.getElementById('form1'); 

        form.onsubmit = function() {
            document.getElementById("php_code_action1").innerHTML="<?php echo "action 1<br>"; ?>";
            document.getElementById("php_code_action2").innerHTML="";
        };

        document.getElementById('action2').onclick = function() 
        {     
            document.getElementById("php_code_action2").innerHTML="<?php echo "action 2<br>"; ?>";
            document.getElementById("php_code_action1").innerHTML="";
        } 
    </script>

    <span id="php_code_action1"> </span>
    <span id="php_code_action2"> </span>

</body>
</html>

单击 Action2 按钮按预期工作，但单击“Action1”按钮会刷新页面，并且 action1 的输出会消失。

为什么会有刷新，如何显示action1的输出？

【问题讨论】：

这是一个相当混乱的问题。是关于 HTML、Javascript 还是 PHP？能否请您将问题缩小到一种技术？
你说得对：我很困惑。问题是 html 或 javascript（不是 php）。原来你对javascript部分进行了修复。感谢您的帮助。

标签： php javascript forms

【解决方案1】：

form.onsubmit = function() {
    document.getElementById("php_code_action1").innerHTML="<?php echo "action 1<br>"; ?>";
    document.getElementById("php_code_action2").innerHTML="";
    return false;
};

【讨论】：

【解决方案2】：

您可以在 onsubmit 处理程序中写入 return false; 以防止通常的操作，即表单提交。那么页面不应该“刷新”。

【讨论】：