你好，我在让它工作时遇到了一些麻烦，非常简单，我想做的就是在提交 html 表单后显示一个 div 。
<head>
<script type="text/javascript">
function showHide() {
var div = document.getElementById(hidden_div);
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
}
}
</script>
</head>
<body>
<form method="post" name="installer">
<label>Home Keyword</label>
<br />
<input type="text" name="hello" value="">
<br />
<input type="submit" value="" name="submit" onsubmit="showHide()">
</form>
<div id="hidden_div" style="display:none">
<p>Show me when form is submitted :) </p>
</div>
</body>
任何帮助将不胜感激，谢谢:)
我认为您只是缺少“hidden_div”周围的引号document.getElementById("hidden_div") call!
但实际上，您的页面可能正在回发，重置页面的状态，从而使 hide_div 看起来始终处于隐藏状态 - 您打算通过 AJAX 处理表单提交吗？
如果您想看到预期的行为，您应该移动showHide()致电<form>元素，并在其后返回 false：
<form method="post" name="installer" onsubmit="showHide(); return false;">
并将提交按钮保留为：
<input type="submit" value="" name="submit" />
另请注意，您尚未自行关闭<input />按钮标签，或给定要在其中显示的任何文本。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
