HTML表單提交未顯示javascript輸出

Question

我希望有一個提交按鈕（用於默認表單操作），以及一個用於第二個操作的附加按鈕。

我有以下代碼：

<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的輸出？

Answer 1

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

Answer 2

你可以寫return false; 在您的onsubmit處理程序中，以防止執行常規操作，即表單提交。 然后，該頁面不應“刷新”。

HTML表單提交未顯示javascript輸出

問題描述

2 個解決方案

解決方案1
4 已采納 2011-02-20 14:54:37

解決方案2
1 2011-02-20 14:53:47

HTML表單提交未顯示javascript輸出

問題描述

2 個解決方案

解決方案1 4 已采納 2011-02-20 14:54:37

解決方案2 1 2011-02-20 14:53:47

解決方案1
4 已采納 2011-02-20 14:54:37

解決方案2
1 2011-02-20 14:53:47