Question

我有简单的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>

我怎样才能让它发挥作用？

Answer 1

您的HTML是否包含在<form>标记中？您的提交按钮可能是在提交表单并在执行JavaScript之前导致页面刷新。

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

例如：

＆＃13;

#my_id {
    display: none;
}

＆＃13;

<form>
    <input type="button" name="xxx" value=" Show Text! " onclick="document.getElementById('my_id').style.display = 'block' ;" />
    <div id="my_id"> My text </div>
 </form>

＆＃13;

Answer 2

它应该有用。

＆＃13;

<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>

＆＃13;

你确定没有任何其他HTML会破坏＆＃39;你的代码？我已经在Firefox，Chrome和IE（所有最新版本）上测试了这个

Answer 3

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

您没有看到div出现的原因是因为点击会导致重新加载页面。重新加载后，div将再次隐藏。

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

3 个答案: