無需單擊提交按鈕即可提交表單

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

解決方法一：

您可以在文件輸入的onchange事件中調用表單的submit方法，如下所示：

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

這是一個jsfiddle演示 。

解決方案二：

您還可以使用內聯onchange事件定義.submit ：

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

這是一個小提琴演示 。

解決方案三：

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); });

或確切指定您何時提交表單。