How to pass parameter when doing Jquery change with function name only syntax?

Question

If I have a function:

function doSomething() {
   ///
}

I can use this with .change as follows:

$("input[name='bla']").change(doSomething);

However, what if the function was:

function doSomething(bla) {
   ///
}

And I wanted to pass "this" as a parameter to the function? This doesn't seem to work:

$("input[name='bla']").change(doSomething(this));

Any ideas?

UPDATE

I do not want this:

$('a.link').change(function (e) { doSomething($(this)); } );

I want this: (but the correct syntax that will work)

$('a.link').change( doSomething($(this)) );

what you are trying to do this on doSomething and in which context its not working. — Rahil Wazir
– Rahil Wazir, Commented Dec 10, 2013 at 9:38
I'm trying to pass a reference to the selected radio button to the function I created — rockstardev
– rockstardev, Commented Dec 10, 2013 at 9:40
Check these links - call a function on click event call a function on change event — Anil Saini
– Anil Saini, Commented Dec 10, 2013 at 9:46

Sumit · Accepted Answer · 2013-12-10 10:02:51Z

5

http://api.jquery.com/change/ and all other jquery events have a variation of the event handler that accepts eventData as the first param.

.change( [eventData ], handler(eventObject) )

But in this case your handler function would look for eventData in the eventObject

http://api.jquery.com/event.data/

So your function would look something like this to use this variation.

var that = this;
$("input[name='bla']").change({otherThis:that}, doSomething);

function doSomething(e) {
   var $this = $(this);
   var otherThis = e.data.otherThis;
}

I added

var $this = $(this);

to show that

$this

is the

$("input[name='bla']")

that was changed. Hope that helps.

edited Dec 10, 2013 at 10:02

answered Dec 10, 2013 at 9:46

Sumit

1,6591 gold badge13 silver badges19 bronze badges

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

Comments

Dev · Accepted Answer · 2013-12-10 09:35:53Z

0

What about What about

$("input[name='bla']").change(doSomething($(this)));

I think you can refer objects using $(this) in jquery.

answered Dec 10, 2013 at 9:35

Dev

6,7962 gold badges29 silver badges36 bronze badges

Comments

Haneev · Accepted Answer · 2013-12-10 09:39:31Z

0

jQuery automatically bind the function call with this. You don't have to pass $(this) on. Only if you want to parse the context of its parent to the function.

For example:

$('a.link').change(function (a) {
     console.log(a); // is event object
     console.log($(this)); // is the same as one match of $('a.link'). `this` is binded to the element 
});

(after comment) Or else you can try:

$('a.link').change(function (e) { doSomething($(this)); } );

answered Dec 10, 2013 at 9:39

Haneev

7755 silver badges6 bronze badges

2 Comments

Haneev Over a year ago

Can you explain why you want to do that? Usually there is no need.

rockstardev Over a year ago

I want to figure out what the format must be in order to call the function with a parameter, without including the function(e) part.

ProllyGeek · Accepted Answer · 2013-12-10 09:40:51Z

0

Using jQuery you refer to this using $(this) , but pay attention it will be passed as an object !!

answered Dec 10, 2013 at 9:40

ProllyGeek

15.9k9 gold badges56 silver badges77 bronze badges

Comments

LeGEC · Accepted Answer · 2013-12-10 10:51:50Z

0

The usual solution is to use a variable in the closure scope :

var that = this;
('a.link').change(function (e) { doSomething($(that)); } );

answered Dec 10, 2013 at 10:51

LeGEC

53.4k5 gold badges69 silver badges127 bronze badges

Collectives™ on Stack Overflow

How to pass parameter when doing Jquery change with function name only syntax?

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related