Question

我想在按下提交按钮时将表单的显示设置为无。但是这段代码不起作用。

＆＃13;

function myFunction() {
  var x = document.getElementsByClassName("submit");
  x.style.display = "none";
}

＆＃13;

<form class="submit" method="post">
  <input id="ceg" type="text" name="ceg" placeholder="Cég neve"><br>
  <input id="ceg" type="text" name="kontakt" placeholder="Kapcsolattartó neve"><br>
  <input id="ceg" type="email" name="" placeholder="Kapcsolattartó email címe"><br>
  <input id="ceg" type="text" name="" placeholder="Munkakör leírása (20 szó)"><br>
  <h1>Témakör</h1>
  <input type="radio" name="menu" value="1">1</input><br>
  <input type="radio" name="menu" value="2">2</input><br>
  <input type="radio" name="menu" value="3">3</input><br>
  <input type="submit" name="submit" value="submit" onload="myFunction">
</form>

＆＃13;

Answer 1

你真的不需要javascript来解决你的问题。只需将提交类样式与 display：none; （我建议更改该类的名称，不直观）并在表单的类属性中添加以下检查：

class="<?= (!empty($_POST)) ? 'submit' : ''; ?>"

只有当您拥有必须依赖没有网页提交的动作时，才需要使用javascript的解决方案。提交时，您丢失了页面的实际状况，并且您的脚本更改将丢失。

PS：与您的问题无关，但请检查您的HTML，ID必须是唯一的，并且您还有其他可以改善的东西。

提交后隐藏表格

1 个答案: