formData 和“选择多个”[重复]

Question

我正在尝试提交一个动态生成的表单，其中包括文件上传。 为此，我通过数据库连接获取表单字段。一个字段可以允许多个选择的选项。表单可能如下所示：

<form>
<input type="text" name="xyz"> </input>
<input type="file" name="xyzfile"> </input>
<select multiple name="...">
<option value="...">1</option>
<option value="...">2</option>
...
<option>x</option>
</select>
<select name="...">
<option value="...">1</option>
<option value="...">2</option>
</select>

不幸的是，当我使用 formData-Object 提交表单时，只会传输给定字段的最后选择的选项。 “multiple”属性以某种方式被忽略了。

这是我的代码：

var pId = '1';
metaForm = $('#metaForm')[0];
formData = new FormData(metaForm);
formData.append('a','saveInstance');
          formData.append('pId', pId);
$.ajax({
                  type: 'POST',
                  url: 'x.php',
                  contentType: false,
                  processData: false,
                  data: formData,

                  success: function (response) {
...

当我检查 metaForm-Object 时，所有被选中的条目都有属性 selected = true。 在使用 formData-constructor 时，是否有一个选项我看不到获取一个选择字段的所有选定条目？ 我是否必须使用 formData.append() 手动执行此操作？如果是这样，我如何确保在使用构造函数 AND append() 时没有重复？

这有点令人困惑。

Answer 1

您可以在发布之前对表单数据进行序列化，如下所示：

var formPostData  = $("#formID").serialize();