自动提交不会被触发

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

这是jquery

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

});                     

我已尝试提交和点击，两者都不起作用..如何手动点击提交按钮提交表单..任何人都可以帮助我。

Answer 1

你错过了一个点

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

应该是

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

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

$('form').submit();

注意：如果您的网页上有多个表单，请使用class或id作为选择器。