2013-10-04 131 views
1

我显示了一个隐藏的div,它有一个使用JavaScript分配给html按钮的文本框。我的要求是在html表单提交后显示div

一个 - 保持用户输入的文本数据的形式提交后 - 能够做到这一点

b - 如果为用户使用+ Show another按钮,一旦提交表单,我想以显示添加的第2隐藏的div伴随数据的文本框 - 能够保持数据,但不DIV显示(要隐藏状态)

我的html代码

<form id="main" name="main" action="#text" method="post" > 
    <div class="wrap-quest-resp" id="fa1"> 
     <div class="input-resp"><span><input class="textbox" id="collect-fa1" name="collect-fa1" type="text" value="<?php if(isset($_POST['collect-fa1'])) { echo htmlentities ($_POST['collect-fa1']); }?>" /></span> </div>     
    </div> 

    <div class="wrap-quest-resp" id="fa2" style="display:none;"> 
    <div class="input-resp"><span><input class="textbox" id="collect-fa2" name="collect-fa2" type="text" value="<?php if(isset($_POST['collect-fa2'])) { echo htmlentities ($_POST['collect-fa2']); }?>" /></span> </div>     
    </div> 

    <div class="add_remove_column"> 
    <input type="hidden" id="countfa" name="countfa" value="2" readonly> 
    <button type="button" onClick="AddNewColumn();" id="addfa" > + Show another </button> 
    </div> 


<input id="generate" type="submit" name="script" value="create my symcli script" /> 

</form> 

和JavaScript示出了T他隐藏的DIV一旦我点击+ Show another

function AddNewColumn() 
    { 
     var facount = parseInt($('#countfa').val(),3) ; 
     if(facount < 3) 
      { 
       facount = facount+1; 

       for(i=1;i<3;i++) 
       { 
        if(i<facount) 
         $('#fa'+i).slideDown("fast"); 
        else 
         $('#fa'+i).slideUp("fast");     
       } 
       $('#countfa').val(facount); 

      } 
} 
+0

哪里,当你点击提交表单去。到服务器或?? – Edward

+0

表单数据将被收集并与其他数据一起显示在另一个html页面上 – acr

+0

好吧,对不起,我刚刚实现了php标签。你可以不使用PHP来显示表单提交后的div,为什么你想在JS中做到这一点? – Edward

回答

1

我已经想通了这一点,并打击代码帮我解决这个

<div class="wrap-quest-resp" id="fa2" style="<?php if(empty($_POST['collect-fa2'])) { echo "display:none;"; } else { echo "display:block;"; } ?>" >