要素がドロップダウンで選択されているときにファイル入力エクスプローラをトリガーする

Question

ドロップダウンリストから値UploadStudentsを選択した場合、どのように入力ファイルをトリガーするのですか？

select要素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"/> 

Answer 1

、あなたは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(); 
     } 

    } 
});