Jquery get data and trigger input file button

Question

$('button').click(function(){
    $.get('foo.php', function(data){
        $('body').append(data);

        $('.f').trigger('click');
    });
});

//foo.php
<input class="f" type="file" >

I have a button, when it clicked, it will get data from another page and append data on body.

after get() append() the data, I want to trigger input file, but its not working

I have try only append without get() and it works.

anyone know why its not working when I use get()?

append without get() works, but if i use get, its not working — Ben, Sep 30 '14 at 12:06

Man Programmer · Answer 1 · 2014-09-30T12:24:51.863

0

try this it is working

document.getElementsByClassName('.f')[0].click();

edited Sep 30 '14 at 12:24

answered Sep 30 '14 at 11:58

Man Programmer

5,300
2
21
21

Should make zero difference. – epascarello Sep 30 '14 at 11:59
safari not supporting trigger but click is supportable – Man Programmer Sep 30 '14 at 12:00
http://stackoverflow.com/questions/9666471/jquery-advantages-differences-in-trigger-vs-click As I said, makes zero difference. – epascarello Sep 30 '14 at 12:13
why don't you try trigger method in safari – Man Programmer Sep 30 '14 at 12:14
LOOK AT THE CODE! `$.fn.click = function (data, fn) { return arguments.length > 0 ? this.on("click", null, data, fn) : this.trigger("click"); }` It calls trigger! – epascarello Sep 30 '14 at 12:20

Jquery get data and trigger input file button

1 Answers1