自动提交不会被触发

Question

我希望文件自动提交到表单，一旦用户选择一个文件。我不希望用户点击提交按钮

下面是HTML

<input id="upload-profile" style="-webkit-user-select: text;" type="file" name="profile_pic[attachment]"> 
<input type="submit" name="commit" value="submit" class="submit-profile-pic" style="-webkit-user-select: text;">  

下面是

$(document).ready(function(){ 
    $('#upload-profile').change(function(event) { 
     /* Act on the event */ 
     console.log("it went inside the event"); 
     $('submit-profile-pic').click(); 
    }); 

});      

我曾经尝试都提交并点击jQuery的，都不起作用..如何手动点击提交按钮提交表格..任何人都可以帮助我。

Answer 1

你缺少点

$('submit-profile-pic').click(); 

应该

$('.submit-profile-pic').click(); 

作为替代方案，你也可以使用

$('form').submit(); 

注意：如果你有你的页面上的多个形式，使用类或id作为选择器。