gpt4 book ai didi

javascript - 样式更改未使用 javascript 生效

转载 作者:行者123 更新时间:2023-11-30 11:28:09 27 4
gpt4 key购买 nike

我希望在通过 POST 方法发送数据后文本框消失。但我无法让 Javascript 工作。页面不断重新加载,因此文本框始终存在。

<script>
function puff()
{
if (document.getElementById("updat").style.display == "block")
document.getElementById("updat").style.display = "none";
else
document.getElementById("updat").style.display = "block";
}
</script>
</head>
<body>
<div class="container" id="upd">
<form class="form-signin" action="rough_page.php" method="POST">
<div class="input-group" id="updat">
<input type="text" name="text1" class="form-control" value=""/>
<input type="text" name="text2" class="form-control" value=""/>
<input type="text" name="text3" class="form-control" value=""/>
<input type="text" name="text4" class="form-control" value=""/>
<input type="hidden" name="flag" class="form-control" value=""/>
</div>
<button class="btn btn-lg btn-primary btn-block" onclick="puff()" type="submit">Update</button>
</form>
</div>
</body>

单击按钮后,我希望文本框消失,并且希望它们在再次单击按钮后重新出现。

最佳答案

请注意,每次按下按钮时都会提交表单,因此浏览器必须“重新加载”页面。我加上引号是因为它不是真正的重新加载。如果你输入其他目的地,你会看到你转到了另一个页面,因为它是表单目的地。

如果你想避免重新加载,有几种方法可以做到,比如阻止提交事件,将提交类型按钮更改为普通按钮,...有些方法比其他方法更正确。

那么您应该使用 AJAX 处理您的请求,就像@Andreas 建议的那样。

当你这样处理你的请求时,你可以解决你的文本框是否显示的问题,例如@Rahele 建议你。

无论如何,请尝试查看 javascript 文档,因为整个事情听起来您不了解表单提交工作原理的一些基础知识。

关于javascript - 样式更改未使用 javascript 生效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47235935/

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