提交后打开/关闭潜水标签

Open / Close Div Tags After Submit

本文关键字：潜水 标签 提交      更新时间：2023-11-02

我只是在学习Jquery，我正在尝试做一些我认为可能的事情，但我不确定。

我有一个div标记，它包含一个表单，它的目标是Iframe。当用户单击表单上的提交并加载Iframe时，我想隐藏包含表单的div标记，并显示两个隐藏的div标记。

谢谢你的帮助。

下面是div标记。我还发布了div标记容器，它在Iframe加载时加载动画，这将很有帮助。

<div id="form" style="visibility:visible">
    <form id="form" method="post" target="iframe1" convert.php">
        <input id="element_1" type="text" maxlength="255" value="http://"/> 
        <input id="saveForm" type="submit" name="submit" value="submit" />
    </form>
</div>
<div id="hidden1" style="visibility:hidden">
    <p>hidden content</p>
</div>
    <div id="hidden" style="visibility:hidden">
    <p>hidden content</p>
</div>

<div id="frameWrap">
    <img id="loader1" src="ajax_loader_blue_512.gif" alt="loading gif"/>  
      <iframe id="iframe1" name="iframe1" src="1.html"  onload="hideLoading()"> 
      </iframe>
</div>

这是我用来加载动画的脚本：

<script>
    $(document).ready(function () {
    $('#iframe1').on('load', function () {
    $('#loader1').hide();
});
});
// in ready()
$('#form_710370').submit(function(){$('#loader1').show();return true;});
</script>

建议：-对div和form 使用不同的id

$('#form').submit(function()
{
    $(this).parent().hide()
    $('#hidden1, #hidden').show()
})
相关文章：