javascript - 多组下拉菜单

Question

在jQuery中，如何为每组手机获取多个下拉列表，例如:

客户可以选择多于一部手机进行订单。首先，客户需要从下拉列表中选择手机数量(1 到 15)。

如果他们从下拉列表中选择了数字 5，则 5 组下拉列表应如下所示:

第一组:

Select Phone [Dropdown / load entries via ajax] 

Select Contract Length [Dropdown / load entries via ajax]

Select Contract Plan [Dropdown / load entries via ajax]

Select Additional Addon [Dropdown  / load entries via ajax]

第二组:

与上面相同的下拉菜单

另一个问题是，如果因未正确填写表单而出现错误(来自 PHP 的验证) - 它将重定向回同一页面，但需要再次重新选择下拉列表。如何使其也发挥作用？

Answer 1

很确定您必须将一些指示表单完成失败的变量带入 session 或 html 中的某些隐藏元素，然后在文档加载时 - 检查该变量并手动调用这些下拉菜单。

或者

不允许单击提交按钮并检查 JavaScript 中的验证。然而，它不会那么安全，但它会为您和用户省去麻烦。我自己更喜欢在单击提交之前检查表单，只是等待几秒钟，直到页面重新加载，而我面对的事实是我选择/写了错误的内容。

或者

使用 xmlhttprequest 或类似的方法自动验证，因此在提交单击时，js 访问 php 文件，验证，返回结果并允许提交数据。不会 super 安全，但是...您可以再次使用相同的 php 文件重新检查(如果有人尝试不通过表单非法传递一些数据并且 xmlhttprequest 未能捕获它，则会被捕获)。对于用户来说这将是最安全、最好的方式。