jquery - 选择多个提交问题 - 如果不选择，则 POST 为空

Question

我有如下多选。

它允许我选择如下选项。假设选择了3项运动。

如上所示选择项目时，表单提交成功。

但不幸的是，如果在提交表单时没有像下面那样选择运动，则帖子为空。

选择框

<select style="width: 100px; height: 80px;" class="input" id="selected_sport_list" name="selected_sport_list[]" multiple="">
<option value="2">sport 2</option>
<option value="3">sport 3</option>
<option value="5">sport test x</option></select>

如何确保在提交表单时选择了特定项目？是否可以使用 jquery 来解决这个问题？或者如何？

谢谢

Answer 1

这里的问题是浏览器不会提交每个选择框的值，除非用户先“选中”它们。这是标准行为，您必须使用 JavaScript 解决问题。

您需要做的是确保在提交表单时，HTTP 请求包含每个选择框中存在的值。您可以通过两种方式执行此操作:

1. 手动构造部分提交的数据并将其转发到服务器——例如通过将其作为查询字符串的一部分或将填充的数据对象传递给某些 jQuery AJAX 方法，或者
2. 动态地向表单添加/删除隐藏的输入元素以匹配选择框状态，以便在提交表单时这些输入元素包含所需的信息(在这种情况下你应该小心覆盖用户 < em>确实也选择了一些选项；您不希望重复输入!)

第一个选项涉及拦截表单提交并通过 JavaScript 提交您自己修改的请求。

第二个选项涉及向表单添加和删除元素，可以急切地实现(拦截元素在选择框之间的传输并立即使用隐藏元素镜像状态)或懒惰地实现(拦截表单提交并注入(inject)隐藏元素)动态元素)。

由于此时我们手头没有所有信息，您应该尝试从上面选择一种方法并提供您编写的一些相关代码。