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);
}
}
哪里,当你点击提交表单去。到服务器或?? – Edward
表单数据将被收集并与其他数据一起显示在另一个html页面上 – acr
好吧,对不起,我刚刚实现了php标签。你可以不使用PHP来显示表单提交后的div,为什么你想在JS中做到这一点? – Edward