Question

我的第一页上有一些正常的div：

<div id="news">
            <div class="loginform">

                <div id="form_news">

                <form id="loginform" method="post" action="envianews.asp">
                <div id="news_campos">
                    <input type="text" id="nome" name="nome" value="" title="Nome" placeholder="NOME" autocomplete="off" required />
                    <input type="text" id="email" name="email" value="" title="Email" placeholder="EMAIL" autocomplete="off" required/>
                </div>
                <input type="submit" class="bt_news" name="submit" id="submit" value=""/>
                <div id="news_response"></div>
                </form>             

                </div>

            </div>
        </div>

在我的envianews.asp我有脚本将这些信息发送到de数据库。我想知道我需要做什么，当人们点击按钮发送数据时，隐藏我的div news ......

Answer 1

使用http://jquery.com/

然后隐藏div使用

$("#news").hide();

将值发送到数据库使用Ajax

http://docs.jquery.com/Ajax

Answer 2

这很简单，在你发送数据后你想隐藏你的div所有你需要做的就是：

document.getElementById('news').style.display = 'none'

Answer 3

$(function(){
 $("#submit").click(function(e){
  e.preventDefault();
  $.post("envianews.asp", { name: $("#nome").val(), email: $("#email").val() } ,function(data){
     $("#news_campos").hide();  // hide when we get the resonse from ajax call
  });

 });
});

Answer 4

$(function(){
    $('#submit').click(function(){
        $('#news').hide();
    });
});

DEMO

如何在第一页中隐藏div，从另一页？

4 个答案: