javascript - 我需要显示隐藏的 Iframe

Question

因此，我的页面以一个隐藏的 iframe 开头，我必须在提交表单后显示它。虽然看起来很简单，但我完全不知道为什么它不起作用，如果您能提供帮助，我会很高兴。这是iframe的代码:

        <iframe src="" name= "UpdIframe" id= "UpdIframe" style="display:none"> </iframe>

这是我用来隐藏和显示它的 JS 函数。

<script>
function submitFrame(){
document.getElementById('UpdIframe').style.display = "block";
}
</script>

这个函数实际上做了更多的事情，但我认为它们与问题无关，所以我选择将其删除。最后，这是调用 Onclick 事件的按钮:

                    <tr>
                        <td>
                            <input class="botao" type="submit" value="Update" onclick="submitFrame()" style="width: 120px;">
                        </td>
                    </tr>

非常感谢您的帮助!

Answer 1

当您提交表单时，该表单正在刷新页面。将 type=submit 更改为 type=button。

<input class="botao" type="button" value="Update" onclick="submitFrame()" style="width: 120px;">

<小时/>

<script>
    function submitFrame(){
        document.getElementById('UpdIframe').style.display = "block";
        // Also handle your form submission/POST here
    }
</script>

JSFiddle:https://jsfiddle.net/q3ceto1n/

引用文献:

Form Refresh

Handle POST outside form tag