Fatal编程技术网
  • javascript/
  • Javascript 在表单中点击提交按钮后如何显示隐藏的div？

Javascript 在表单中点击提交按钮后如何显示隐藏的div？

javascript

Javascript 在表单中点击提交按钮后如何显示隐藏的div？,javascript,Javascript,我有简单的HTML表单和提交按钮。点击此按钮后，我想查看以前不可见的div#my_id <input type="submit" name="xxx" value="yyy" onclick="document.getElementById('my_id').style.display = 'block' ;"> <div id="my_id" style="display: none"> My text </div> 我的文字 我怎样才能使它工作？它

我有简单的HTML表单和提交按钮。点击此按钮后，我想查看以前不可见的
div#my_id

<input type="submit" name="xxx" value="yyy" onclick="document.getElementById('my_id').style.display = 'block' ;">

<div id="my_id" style="display: none"> My text </div>


我的文字
我怎样才能使它工作？

它应该工作



我的文本
您的HTML是否包含在
标记中？您的提交按钮可能正在提交表单，并在执行JavaScript之前导致页面刷新

如果是这种情况，请尝试将输入类型更改为button以查看效果

例如：



#我的id{
显示：无；
}



我的文字

您的“提交”按钮将使用定义的操作和方法提交表单。表单中的任何参数/文件都将作为查询参数包含


您没有看到div出现的原因是，单击会导致页面被重新加载。重新加载后，div将再次隐藏。
@Jennifer此问题与jQuery无关。当您在“提交”按钮上执行此操作时，单击“提交”按钮，然后页面将刷新…如果页面刷新，则您将再次加载页面。您可以参考此链接：对于每个人，停止发布随机的“解决方案”，因为他自己的代码确实有效。因此，停止使用jQuery或其他JS“修复程序”，因为这实际上甚至不是问题所在。很有可能他的页面重新加载，或者其他代码正在破坏这部分代码。