如何手动触发输入文件？

Question

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

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

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

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

我如何解决这个问题？

Answer 1

对我来说有用的是在里面设置事件监听器：

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

过去常常为我做这个伎俩。你也可以尝试一下。

Answer 2

您可以将代码包装在DOM ready handler $(function() {...});中，以确保在执行jQuery代码之前正确加载DOM元素。

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

Answer 3

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

一样使用它

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