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

时间:2017-09-18 08:18:45

标签: jquery image file meteor explorer

如果从下拉列表中选择值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"/>

1 个答案:

答案 0 :(得分:2)

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

    }
});