Pass data using jQuery Trigger event to a Change event handler?

Question

Is there a way to pass data to a change event via jQuery's trigger method?

The issue here is that a click event triggers the upload menu. Once the image is selected, the change event is fired, however. The data I passed into the trigger event's second parameter is passed to the click event, not to the change event. In the example below, data is undefined.

Trigger Image Change

$('.change_main_image').live('click', function() {
    $('input[name=photo].change_uploader').trigger('click', ["some string"]);
});

Event Handler

$('input[name=photo].change_uploader').live('change', function (e, data) {
   alert(data); // undefined
   //canvas resize and upload script
});

@TaylorMac can you elaborate? I'm running into this exact same issue and it sounds like it ended up being a non-issue for you. Can you explain what you ended up doing? I need to trigger('click', param) to initiate the upload, but I need param in my change() function. I am getting undefined in the change() function as you indicated in your question. — Peter Bowers
– Peter Bowers, Commented Oct 22, 2019 at 10:23

amiry jd · Accepted Answer · 2015-04-21 11:42:14Z

99

.live() is deprecated. Use .on() like this. And change event should be triggered, not click

$('.change_main_image').on('click', function() {
    $('input[name=photo].change_uploader').trigger('change', [{somedata:true}]);
});


$('input[name=photo].change_uploader').on('change', function (e, data) {
   alert(data.somedata); 
   //canvas resize and upload script
});

edited Apr 21, 2015 at 11:42

amiry jd

27.7k31 gold badges120 silver badges221 bronze badges

answered Nov 22, 2012 at 5:20

thecodejack

13.5k11 gold badges47 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Maykonn Over a year ago

And when you need to use .live() because the project was developed in an old version of jquery and your boss tells you that refactoring is not an option... Sad but true.

ankur_rajput Over a year ago

Why is that when we pass an array from the trigger point, we get the first element of the array instead of the array itself??

Kamlesh Over a year ago

this solution still working in 2024. Thanks dear thecodejack :)

Collectives™ on Stack Overflow

Pass data using jQuery Trigger event to a Change event handler?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related