Question

我在网络编程课程中的作业需要帮助。作业要求我使用JQuery脚本代码来隐藏位于HTML文件中的表单内的提交按钮。我所有的参考文献都只使用一个按钮（不在表单中）。这是表单的代码：

<form id="myForm" action="" onsubmit="" method="get">
  <input type="submit" name="submit" value="Hide Me" id="hideMe">
</form>

<script type="text/javascript">
  $("input").click(function(event {
    (this).hide();
  });
</script>

Answer 1

<script>
$("#hideMe").click(function(e) {
    e.preventDefault();
    $(this).hide();
});
</script>

这会在单击时隐藏您的提交按钮。您的代码中缺少括号。而且，您必须禁用按钮的默认行为，该行为将（使用您提供的代码）提交表单数据，这将重新加载页面，使其在该页面再次可见。

我将按钮的ID用作选择器，因为当您使用常规的“输入”选择器时，此脚本将隐藏所有内容。

单击表单提交按钮后在表单中隐藏提交按钮的jQuery代码

1 个答案: