用jquery显示表单

时间:2013-06-04 20:32:18

标签: php javascript ajax jquery

我当前的代码将隐藏example表单,然后将通过json从其他页面获取的数据显示到confirm div。

...other codes

},function(data){
if (data.response==1) {
    $('#example').delay(500).fadeOut();
    $('#confirm').show().html("<form>First name: <input type=\"text\" name=\"name\" value=\" "+ data.name +"  \"><br>Email: <input type=\"text\" name=\"email\" value=\" "+ data.email +" \"></form>"); 
}

...other codes

     <div id="confirm" style="background-color:#FF7800; padding-left:20px; color: white;"></div>

我的问题是,是否可以显示/触发其他表单并显示我的数据,而不是在html() ID中的#confirm内显示我的数据?我想我知道如何触发隐藏的表单,但是如何在其中填充我的数据呢?

提前致谢

1 个答案:

答案 0 :(得分:0)

是的,将它们包装在DIV中(或为表单分配ID):

HTML:

<div id="exampleForm">
  <form> [.. do form here ..] </form>
</div>

<div id="realForm" style="display:none">
  <form> [.. do form here ..] </form>
</div>

jQuery的:

$(function() {
  $("#exampleForm").fadeOut();
  $("#realForm").fadeIn();
});