2016-04-23 5 views
0

Form Submit без Нажмите кнопку ОтправитьForm Submit без Нажмите кнопку Отправить

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

Просьба уточнить вашу проблему? –

+0

Мне нужно отправить форму без нажатия кнопки «Отправить» –

ответ

0

Решение один:

Вы можете вызвать 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(); 
    }); 
}); 
+0

Мне нужно отправить форму без нажатия кнопки «Отправить» –

+0

Я обновил ответ. –

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

небольшое объяснение всегда полезно для понимания подхода. – urfusion

+0

Шуш, сталкер. Вам может понадобиться объяснение, чтобы понять, что означает «onchange» и «submit», но это потому, что вы не говорите по-английски. Вы никогда не сможете получить работу, написав учебные пособия в своем блоге для задач, которые могут быть интуитивно интуитивно реализованы в 8-летней трисомии с завязанными глазами, плюс ваш английский ужасен. Безработный. Помни мои слова. – noideawhattodo

1

Использование

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

Вы можете автоматически отправить с помощью этого:

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

Или укажите, когда вы хотите отправить форму.

Смежные вопросы