表单提交不点击提交按钮

问题描述：

<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>

请您详细说明您的问题？ –

我需要提交表单而不点击提交按钮 –

答

解决方法一：

你可以叫你的窗体的submit方法在这样的onchange事件文件输入：

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

这是jsfiddle demo。

解决方法二：

你也可以用onchange事件内嵌定义.submit：

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

这里有一个fiddle demo。

解决方法三：

做的jQuery的方法：

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

我需要提交表单而不点击提交按钮 –

我已经更新了答案。 –

答

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

一点解释总是有助于理解方法。 – urfusion

嘘，缠扰者。你可能需要一个解释来理解'onchange'和'submit'的含义，但那是因为你不会说英语。通过在博客中撰写教程来完成任务，蒙上眼睛的8岁三体可以直观地完成任务，再加上你的英语是可怕的。没工作。记住我的话。 – noideawhattodo

答

使用

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

答

可以自动提交使用此：

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

或者准确指定您想要提交表单的时间。

表单提交不点击提交按钮

相关推荐