gpt4 book ai didi

javascript - 在 js 运行之前,我必须在我的提交按钮上单击两次。为什么?

转载 作者:太空宇宙 更新时间:2023-11-04 12:09:54 25 4
gpt4 key购买 nike

我有个小问题。为什么我必须在我的 js 脚本运行之前点击我的提交按钮两次?我希望当我单击按钮时发送数据,并且 js 脚本无需再次单击即可运行这是我的页面:

<html>
<head>
<script src="js-scripts.js"></script>
<style>
.content {
max-width: 600px;
margin: auto;
}
.test{
width:200px;
text-align: center;
}
</style>
</head>
<body>
<div class="content" id="tot-op">
<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
<center>
<div class="content" id="tot-op">
<fieldset>
<input type="number" min="1" max="7" name="num" required>
<br><br>
<input type="submit" value="Invia" onclick="hide()">
</fieldset>
</div>
</center>
</form>
</div>
<div id="insert" style="display:none">
<?php
$test=$_POST["num"];
echo $test;
?>
</div>
</body>
</html>

这是我的脚本:

function hide(){
document.getElementById("tot-op").style.display = "none";
document.getElementById("insert").style.display = "block";
}

我能做什么?

最佳答案

向您的表单添加一个 id 属性,例如:

<form action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post" id="test-form">

将您的按钮定义更改为:

<input type="button" value="Invia" onclick="hide()">

然后,在您的 hide() 中添加表单提交操作,例如:

function hide()
{
document.getElementById("test-form").submit();

document.getElementById("tot-op").style.display = "none";
document.getElementById("insert").style.display = "block";
}

关于javascript - 在 js 运行之前,我必须在我的提交按钮上单击两次。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49339412/

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