2017-09-18 13 views
0

드롭 다운에서 값 UploadStudents을 선택하면 입력 파일을 어떻게 트리거합니까?요소가 드롭 다운에서 선택되면 트리거 파일 입력 탐색기

선택 요소 Template.Name.js 파일에서

<select name="performaction" id="performaction"> 
    <option value="">- Actions -</option> 
    <option value="UploadStudents">Upload Students</option> 
</select> 

파일 입력

<input type=file name="uploadlogo" id="uploadlogo" style="visibility:hidden"/> 
+1

이것은 정말 해키가됩니다. 대신 select를 사용하여 업로드를 구현하는 다른 양식 (Id를 통해 옵션 값에 의해 타겟팅 됨)을 표시하거나 숨길 수 있습니다. 구현하기 쉽고 유지 보수가 용이합니다. 하위 폼이 커지면 하위 템플릿을 쉽게 템플릿으로 추출 할 수 있습니다. – Jankapunkt

답변

2

, 당신은 select 태그에 change 이벤트를 트리거 할 필요가있다.

Template.Name.events({ 
    'change #performaction' : function(event, template){ 
     event.preventDefault(); 
     $('input[type=file]').click(); 
    } 
}); 

선택 특정 구현의 경우 다음과 같이 사용할 수 있습니다.

Template.Name.events({ 
    'change #performaction' : function(event, template){ 
     event.preventDefault(); 
     var selection = event.target.value; 
     if(selection == "uploadStudents"){ 
      // your specific input file trigger like 
      // $('input[type=file]').click(); 
     } 

    } 
});