使用javascript进行的样式更改未生效_Javascript_Php_Html

使用javascript进行的样式更改未生效

javascript php html

使用javascript进行的样式更改未生效,javascript,php,html,Javascript,Php,Html,我希望一旦通过POST方法发送数据，文本框就会消失。但是我无法让Javascript工作。页面一直在重新加载，因此文本框总是在那里 <script> function puff() { if (document.getElementById("updat").style.display == "block") document.getElementById("updat").style.display = "none"; else document.getEleme

我希望一旦通过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>


函数puff（）
{
if（document.getElementById（“update”）.style.display==“block”）
document.getElementById（“update”）.style.display=“无”；
其他的
document.getElementById（“update”）.style.display=“block”；
}
更新

单击按钮后，我希望文本框消失，再次单击按钮后，文本框重新出现。

尝试以下操作：

function puff() {
    var x = document.getElementById("updat");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}

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

如果要避免重新加载，有几种方法，如防止提交事件、将提交类型按钮更改为普通按钮等，。。。有些人比其他人更正确

然后，您应该使用AJAX处理您的请求，就像@Andreas建议的那样

当您这样处理您的请求时，您可以修复文本框是否显示的问题，例如@Rahele建议您这样做

无论如何，试着看看javascript文档，因为整个事情听起来好像你不了解表单提交工作的一些基础知识。

你能使用jquery吗？