-6ren">
gpt4 book ai didi

php - HTML 表单提交不显示 javascript 输出

转载 作者:行者123 更新时间:2023-11-28 14:01:14 25 4
gpt4 key购买 nike

我希望有一个提交按钮(用于默认表单操作)和一个用于第二个操作的附加按钮。

我有以下代码:

<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的输出?

最佳答案

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

关于php - HTML 表单提交不显示 javascript 输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5057727/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com