Javascript 将附加变量附加到formData

如何将

dataid

附加到

formData

中，以使AJAX POST同时具有这两种功能？我尝试了

formData.append（'id'，dataid）

和

formData=formData.append（'id'，dataid）

$（文档）.ready（函数（）{
$（“#插入_屏幕”）。在（“提交”上，函数（事件）{
var dataid=$（“#res选项：选中”）.attr（'data-value'）；
console.log（“值”，dataid）；
event.preventDefault（）；
变量形式=$（'form'）[2]；
var formData=新formData（表格）；
$.ajax({
url:“insert_new_screen.php”，
数据：formData，
方法：“张贴”，
cache:false，
contentType:false，
processData:false，
beforeSend:function（）{
$（'插入'）.val（“插入”）；
},
成功：功能（数据）{
$（“#添加屏幕模式”）.model（'hide'）；
window.location.reload（）；
}
});
});
});

更新：

以下是我设法使用的代码：

$(document).ready(function(){
$('#insert_screen').on("submit", function(event){
  var dataid = $("#res option:selected").attr('data-value');
  console.log("Value", dataid);
  event.preventDefault();  
  var form = $('form')[2]; 
  var formData = new FormData(form);
  formData.append("RecordID", dataid);
  $.ajax({  
    url:"insert_new_screen.php",
    data: formData,
    method:"POST",
    cache: false,
    contentType: false,
    processData: false,  
        beforeSend:function(){  
      $('#insert').val("Inserting");  
    },  
    success:function(data){  
      $('#add_screen_modal').modal('hide');
      window.location.reload();
    }  
  });  
    });
}); 

非常感谢所有帮助我的人。我希望这对其他人有所帮助。
formData.append（'id'，dataid）
是正确的方法。您是如何确定它不起作用的？还要注意，
FormData
是一个Javascript构造，而不是jQuery，所以我重新标记了您的问题，为什么您不能使用带有input type=“hidden”字段的表单元素，并根据您所做的选择更改此字段值，然后提交表单。@Rory McCrossan您好，当表单发布后，我让他们查看浏览器控制台网络中的标题时，不会发布任何数据。事实上，没有表格部分。如果我删除“附加”它们，从部分将显示已发布的内容。检查数据服务器端。FormData对内容进行编码，因此不易阅读。
FormData.append（'id'，dataid）
是正确的方法。您是如何确定它不起作用的？还要注意，
FormData
是一个Javascript构造，而不是jQuery，所以我重新标记了您的问题，为什么您不能使用带有input type=“hidden”字段的表单元素，并根据您所做的选择更改此字段值，然后提交表单。@Rory McCrossan您好，当表单发布后，我让他们查看浏览器控制台网络中的标题时，不会发布任何数据。事实上，没有表格部分。如果我删除“附加”它们，从部分将显示已发布的内容。检查数据服务器端。FormData对内容进行编码，因此不容易读取。