多步表单，上面显示了以前操作的结果(具有编辑能力)

Question

我真的搜过了。

我要做的是做一个表格，在几个页面上提出问题，每次我进入下一个页面时，前一个页面的输入就会被放在页面的顶部，并具有编辑的能力。

请选择一个日期：\{e76f}

下一次

日期: 28/07/2011更改

请选择一个类别：

• CAT A
• CAT B
• CAT C

下一次

日期: 28/07/2011更改

类别: CAT B变化

以此类推。塔克斯！

Answer 1

试一试：

<style>

.question {
    display: none;
}
.question.active,.question.answered {
    display: block;
}
.question.answered input {
    border: 1px solid black;
}
</style>
<div class="question active">Q1<input type="text"></div>
<div class="question new">Q2<input type="text"></div>
<div class="question new">Q3<input type="text"></div>
<div class="question new">Q4<input type="text"></div>
<button id="NEXT">NEXT</button>

<script>
$('button#NEXT').click(function() {
    $('.question.active').removeClass('active').addClass('answered');
    $('.question.new').first().addClass('active').removeClass('new');
})
</script>

这是演示：http://jsfiddle.net/oceog/z9hDm/

Answer 2

您可以在这里使用会话和数字页面。

发布首页后，将其保存到$_SESSION['page1']

如果要计数页面，可以将其转换为：

$_SESSION['page' . $currentPage]

然后印刷将是小菜一碟：

for ( $i = 1; $i < $currentPage; $i++ ) {
    $data = $_SESSION['page' . $currentPage];
    var_dump($data);
}