フォーム送信せずにボタン

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

策1：あなたはこのようなあなたのファイル入力のonchangeイベントでフォームのsubmitメソッドを呼び出すことができます

：

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

ここにはjsfiddle demoがあります。

対処方法2：

またonchangeイベントをインラインで.submitを定義することができます。

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

ここfiddle demoです。

ソリューション3：それを行うの

jQueryの道：

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

Answer 2

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

Answer 3

使用

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

Answer 4

あなたは、この使用して、自動を提出することができます：

を

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

フォームを送信するタイミングを正確に指定します。