숨기기 사업부는

Question

나는 다음과 같은 요소로 이미지 업로드 양식을 선택 :

<input type="file"> 

내가 사업부를 숨기고 파일을 선택한 경우에만 표시해야합니다.

$("#myDiv").hide(); 

양식 요소에 ID를 추가하고 비어 있는지 확인해야합니까? 확실하지 않다.

Answer 1

$('input[type=file]').change(function(){ 
    $("#myDiv").show(); 
}); 

바이올린 : http://jsfiddle.net/maniator/eVSxD/

Answer 2

예, 그렇게해야한다. 다음 예는 다음과 같습니다

이

http://jsfiddle.net/3WSTd/

Answer 3

예

http://jsfiddle.net/XdsLP/

입력의 선택은 중요하지 않습니다.

Answer 4

입력 요소에 id를 추가 할 필요는 없지만이 특정 요소가 채워진 경우 특정 div를 표시하는 경우 @Neal이 제안한 것 대신 ID에 동작을 할당합니다. 솔루션은 채워진 입력 파일 필드에 관계없이 div를 표시합니다.

$('#my_file').change(function(){ 
    if(this.value != '') 
    { 
     $('#my_div').fadeIn(); 
    } 
    else 
    { 
     $('#my_div').fadeOut(); 
    } 
}); 

데모 : http://jsfiddle.net/AlienWebguy/Gq3Jf/