如何手动触发输入文件？答案

【问题标题】：How do i trigger input file manually?如何手动触发输入文件？
【发布时间】：2014-04-25 09:03:11
【问题描述】：

<input type="text" />
<input type="file" />

$('input[type=text]').click(function() {
    $('input[type=file]').trigger('click');
});

单击测试框时，我可以获得浏览选项（打开对话框）。但是当我使用 jquery 触发方法触发文本框的点击时，我无法获得浏览选项。

$('input[type=file]').trigger('click');

我该如何解决？

【问题讨论】：

【解决方案1】：

我相信你的选择器 $('input[type=text]') 没有选择，给它一些 id 并像使用它一样使用它

$("#text").click(function(){
     $("#file").trigger("click");
});

【讨论】：

【解决方案2】：

对我有帮助的是在里面设置事件监听器：

$(document).ready(function(){
    $('input[type=text]').click(function() {
        $('input[type=file]').trigger('click');
    });
}};

这曾经对我有用。你也可以试试。

【讨论】：

【解决方案3】：

您可以将代码包装在 DOM 就绪处理程序 $(function() {...}); 中，以确保在执行 jQuery 代码之前正确加载您的 DOM 元素。

$(function(
    $('input[type=text]').click(function() {
        $('input[type=file]').trigger('click');
    });
)};

【讨论】：