自動提交不會被觸發

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作爲選擇器。