在下拉列表中选择元素时触发文件输入资源管理器

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文件中，您需要在change代码上触发select事件。

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();
        }

    }
});