Question

表单提交没有单击提交按钮

<form id="formId" action="<?php echo Mage::getUrl('module/index/method') ?>" method="post"
      enctype="multipart/form-data">
          <input type="hidden" name="form_key" value="<?php echo Mage::getSingleton('core/session')->getFormKey() ?>">

        <div id="upload-file-container">
            <input id="img" type="file" name="img" onchange="this.form.submit()">
        </div>
            <input id="button" type="submit" value="Submit" name="submit" class="submit">
    </form>

Answer 1

使用

document.getElementById("formId").submit();

Answer 2

解决方案一：

您可以在文件输入的submit事件中调用表单的onchange方法，如下所示：

document.getElementById("file").onchange = function() {
    document.getElementById("form").submit();
};

这是jsfiddle demo。

解决方案二：

您还可以使用内联.submit事件定义onchange：

<form action="http://your-url.com">
    <input type="file" id="img" onChange="form.submit()" />
</form>

这是fiddle demo。

解决方案三：

jQuery的做法：

$(function(){
    $("#img").change(function(){
        $("#form").submit();
    });
});

Answer 3

document.getElementById("img").onchange = function() {
   document.getElementById("formId").submit();
};

Answer 4

您可以使用以下方式自动提交：

$(document).ready(function(){
 setTimeout(function(){ $("#formId").submit(); }, 3000); });

或准确指定您何时提交表单。

表单提交没有单击提交按钮

4 个答案: