我正在显示一个隐藏的 div,它有一个使用分配给 html 按钮的 javascript 的文本框。我的要求是
a - 提交表单后将用户输入的数据保留在文本框中 - 能够做到
b - 如果用户使用按钮添加了第二个隐藏的 div+ Show another
并且一旦表单提交,我想显示该文本框以及数据 - 能够保留数据但 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+ 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);
}
}