如何手动触发输入文件

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就绪处理程序$(function() {...});中，以确保你的DOM元素在执行jQuery代码之前被正确加载。

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

Answer 3

我认为你的选择器$('input[type=text]')没有选择，给它一些id，然后像

那样使用它

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