How can I name and call a jQuery function?

Question

I have the following:

 $('#EID').change(function () {
                $.ajax({
                    url: "/Administration/stats",
                    data: { DataSource: $('#DataSource').val(),
                            EID: $('#EID').val()
                    },
                    success: function (data) {
                        $('#TID').html(data);
                    }
                });
            });

This works good but I want to be able to call the function () at other times and not just when EID changes. Can someone show me how I can pull out the function code into a separate block with a name and then call that function name.

Diego Venâncio · Accepted Answer · 2019-12-23 16:37:12Z

48

function doSomething() {
    $.ajax(...);
}

$('#EID').change(doSomething);

Note that you must not add () after the function name since you want to pass the function, not its return value.

In case you wanted to pass some parameter to the function, you'd do it like this:

function doSomething(someParam) {
    $.ajax(...);
}

$('#EID').change(function() {
    doSomething(whateverSomeParamShouldBe);
});

edited Dec 23, 2019 at 16:37

Diego Venâncio

6,0772 gold badges54 silver badges78 bronze badges

answered Nov 1, 2011 at 7:32

ThiefMaster

320k85 gold badges608 silver badges648 bronze badges

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

7 Comments

Samantha J T Star Over a year ago

Thanks very much. This is exactly what I need. If I wanted to pass the parameter $('#EID').val() then how would I declare the parameter and then use it inside of the function?

T.J. Crowder Over a year ago

@Samantha: It's usually best to do this wrapped in a function containing all of your stuff (called a "scoping function") because otherwise you create global symbols, and the global space in web browsers is crowded enough already. Two examples: pastie.org/2792207

T.J. Crowder Over a year ago

@Samantha: " If I wanted to pass the parameter $('#EID').val() then how would I declare the parameter and then use it inside of the function?" Exactly the way ThiefMaster demonstrated in the second half of his answer, example: pastie.org/2792210

Samantha J T Star Over a year ago

Is a semi-colon needed after the function definition? I can't seem to get the code to work.

ThiefMaster Over a year ago

Then show the code... a semicolon is almost never required in JS.

|

Nancy256 · Accepted Answer · 2018-09-24 20:08:07Z

0

Well , the other thing you can do for someone looking for answer now is to trigger the function

$('#EID').change (function (){
    //your code here;
});

Some other function or code you want to call the previous unnamed function , you can simply do;

$('#classOrId).eventYouwannaUse (function (){
$('#EID').change ();
 });

answered Sep 24, 2018 at 20:08

Nancy256

538 bronze badges

Comments

Nancy256 · Accepted Answer · 2018-09-24 21:43:32Z

0

Or you can use on(); function and then define the function name

$('#EID').on('change' , ChangeEventfuncCode);
function ChangeEventfuncCode(){
 //your code ......
}

And then call the function anywhere you want..;

$('.classOrId').whateverEvent(function (){


//your code......
ChangeEventfuncCode();
});

answered Sep 24, 2018 at 21:43

Nancy256

538 bronze badges

1 Comment

Diego Venâncio Over a year ago

duplicate answer, remove one.

Collectives™ on Stack Overflow

How can I name and call a jQuery function?

3 Answers 3

7 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related