jquery - 提交有关更改 Jquery 的表单

Question

我正在尝试以编程方式提交此表单，iframe以便我可以将图像添加到数据库...

代码：

var item_id = $("#itemid").text();
  var link = $("#mainIMG").attr("src");
   $('#curItem').append('<iframe border="none" width="600px" height="600px" id="uploadIframe"></iframe>')
  $('#uploadIframe').contents().find('body').append('<form name="addImgForm" enctype="multipart/form-data" id="addImgForm" action="addImageForm.php" method="POST"></form>');
  $('#uploadIframe').contents().find('#addImgForm').append('<input id="newIMG" type="file" name="file">')
  .append('<input name="item_id" value="'+item_id+'" type="text"/>')
  .append('<input name="link" type="text" value="'+link+'"/>')
  .append('<input id="IframeSub" type="submit"/>');
  $('#uploadIframe').contents().find('body').append('<script type="text/javascript" src="../JS/editItem.js"></script>');
  $('#uploadIframe').contents().find("#newIMG").trigger('click');
  $('#uploadIframe').contents().find("#newIMG").change(function (){
    $('#uploadIframe').contents().find('#addImgForm [name=addImgForm]').submit();
});

到目前为止，我已经尝试过：

1. 将提交表单的脚本插入 iframe 的头部。

2. 使用将提交它的函数引用同一个文件。

Answer 1

好吧..似乎有所作为的是[name=addItemForm]。有趣的是……当我在工作中做同样的事情时，这不起作用。我必须像以前一样提交表格

$('#uploadIframe').contents().find('#addImgForm [name=addImgForm]').submit();

奇怪的是它没有用。这就是有效的......现在...... :)

  var item_id = $("#itemid").text();
  var link = $("#mainIMG").attr("src");

  $('#curItem').append('<iframe border="none" width="600px" height="600px" id="uploadIframe"></iframe>')
  $('#uploadIframe').contents().find('body').append('<form name="addImgForm" enctype="multipart/form-data" id="addImgForm" action="addImageForm.php" method="POST"></form>');
  $('#uploadIframe').contents().find('#addImgForm').append('<input id="newIMG" type="file" name="file">')
  .append('<input name="item_id" value="'+item_id+'" type="text"/>')
  .append('<input name="link" type="text" value="'+link+'"/>')
  .append('<input id="IframeSub" type="submit"/>');
  $('#uploadIframe').contents().find("#newIMG").trigger('click');
  $('#uploadIframe').contents().find('body').append('<script type="text/javascript" src="../JS/editItem.js"></script>');

  $('#uploadIframe').contents().find('#newIMG').change(function (){
    $('#uploadIframe').contents().find("#addImgForm").submit();
  });