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

Question

当下拉列表中的值 UploadStudents 为 select 时如何触发输入文件？

select元素

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

    }
});