Question

我最近为一个内容很少，图片和页面很少的客户建立了一个简单的网站。现在，他们想在他们的网站上找到一个表格（一个非常复杂的）。我使用Bootstrap构建了他们的网站，因此，HTML，CSS和PHP的基础知识就足够了。但是，我无法找到构建这种形式的方法。

这是表格应该做的事情：

第一页

显示表单字段，让用户输入其姓名，电话号码和电子邮件地址。然后，提交按钮将他们带到下一页。

第二页

有一个包含制造商名称的下拉列表。根据所选的制造商，另一个列表可让您选择产品。最后一个下拉列表允许您选择型号。

第三页

此页面应显示所选型号的唯一内容。例如，如果＆＃34;模型X＆＃34;在上一页中选择了此页面，此页面显示一组唯一的字段。选择＆＃34;模型Y＆＃34;你会得到一组不同的领域。

我稍后会弄清楚如何将所有这些存储到数据库中。但是现在，如果你能帮助建立这种形式我真的很感激。

非常感谢你！

Answer 1

您可以使用GET和POST方法处理变量，也可以在SESSION中保存变量。

因此，当你可以在链接页面中处理这些变量时。在表单中，您可以使用隐藏的输入再次发送另一个页面来再次处理此变量。在流程结束时，您可以更新或保存数据库中的实体。

Answer 2

的Ajax。

您可以使用ajax并在会话中保存数据以等待最后一步。

jQuery Ajax POST example with PHP

显示cssRules。

http://jsbin.com/vofoz/1/edit

你为每一步做div，并用JS展示下一步。像这样：

<form>
    <div id="step1">
        step 1
        <input type="button" value="next >" />
    </div>
    <div id="step2" style="display:none;">
        step 2
        <input type="button" value="next >" />
    </div>
    <div id="step3" style="display:none;">
        step 3
        <input type="submit" />
    </div>
</form>

示例（javascript）：

$("form div > input[type=button]").click(function () {
    $(this).parent().hide();
    $(this).parent().next().show();
});

Answer 3

我会在一个大表单中包含所需的所有内容，然后显示/隐藏内容以对表单进行分页。这将通过在一个POST中对所有内容进行分组来减少对服务器的请求。只要有一个<form>标记包装所有内容，它就会相对简单。

表单中的多个页面

3 个答案:

的Ajax。

显示cssRules。