2012-01-11 5 views
3

그래서 폼이.change

<button>edit a photo</button> 
<form style="visibility: hidden;"> 
    <input type="file" id="file" name="file" val=""/> 
    <input type="submit" name="submit"> 
</form> 

처럼 설정 제출할하고 내 자바 스크립트 내가 아마도 IE9가 인식되지 않았 음을 생각 처음에는이

$("#edit-button").click(function() { 
    $("#file").click(); 
}); 

$("#file").change(function() { 
    //submit form 
}); 

처럼 보인다 그러나 Jquery에서 .change 이벤트를 보았습니다. 그러나 폼을 숨기고 직접 클릭하면 change 함수가 실행되는 것으로 나타났습니다. 탐색 단추를 사용하여 찾아보기를 활성화하면 .change가 변경 되어도 .change가 작동하지 않습니다.

나는 파일 입력에 대해 "찾아보기"버튼을 클릭 할 때 $ ("# file")와 똑같이 읽히지 않는다고 생각합니다. click(). 누구든지이 문제를 해결할 방법을 알고 있습니까?

답변

0

저는 입니다. 처리기가 보이지 않는 양식에 바인딩되어 있지 않기 때문에 발생하고 있습니다 (이 경우는 경우에 따라 다름).

시도 :

// document or some other container 
$(document).on("change", "#file", function() { 
    //submit form 
});