表格提交输入字段的变化值

Question

我有一个带有单个属性的表单，我希望在更改唯一属性的值时提交表单但不知何故更改事件未启动。 这是我的代码

＆＃13;

＆＃13;

function triggerClick(){
	$('#user_profilepic').trigger('click');
};

$('#user_profilepic').change(function(){
	$('form#updateAvatar').submit();
});

＆＃13;

#updateAvatar{
  display: none;
  }

＆＃13;

<form id="updateAvatar" class="simple_form edit_user" method="post" accept-charset="UTF-8" action="/edit/updateAvatar" enctype="multipart/form-data" novalidate="novalidate">
  <div class="form-group file optional user_profilepic">
  <label class="file optional control-label" for="user_profilepic">Profilepic</label>
  <input id="user_profilepic" class="file optional" type="file" name="user[profilepic]">
  </div>
  <input type="submit" value="Update User" name="commit">
</form>

＆＃13;

＆＃13;

＆＃13;

提前致谢

Answer 1

以下是工作代码jsfiddle 在$(document).ready()

运行jQuery代码之前，请确保已加载html