當在下拉列表中選擇元素時觸發文件輸入瀏覽器

Question

當從下拉列表中選擇值UploadStudents時，如何觸發輸入文件？

選擇元素

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

Answer 1

在Template.Name.js文件，你需要觸發的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(); 
     } 

    } 
});