javascript - html 表单提交后显示 div

Question

我显示了一个隐藏的 div，其中有一个文本框，使用分配给 html 按钮的 javascript。我的要求是

a - 表单提交后将用户输入的数据保留在文本框中 - 能够做到这一点

b - 如果用户使用 + Show another 按钮添加第二个隐藏的 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在我点击+显示另一个后显示隐藏的div

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);  

            }
} 

Answer 1

我已经解决了这个问题，并且打击代码帮助我解决了这个问题

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