Getting strange "undefined" on javascript function return

Asked Jun 27 '19 at 06:18

Active Jun 27 '19 at 06:18

Viewed 40 times

I'm dealing with the following javascript function:

function getId() {
    var retval;

    $(document).on('click', '#dlt', function () {
    retval = $(this).closest('tr').find('td:first').html();
        alert("Here the retval is: " + retval);
    });

    alert(retval);
    return retval;
}

I would like to return retval value - it is later used in ajax url to delete some data.

On launch I'm getting following alerts:

1) "Undefined" 2) "Here the retval is 53"

So apparently the function is working (desired number 53 is correct), but I dont understand why the function is returning "undefined". I tried to declare the retval variable globaly, but it didn't work.

Anybody can help me with this? Thanks in advance

asked Jun 27 '19 at 06:18

xcelm

1

The click is asynchronous. – CertainPerformance Jun 27 '19 at 06:19
is the getId() function inside a $(document).ready? – Ernesto Alfonso Jun 27 '19 at 06:23
By the time the click happens (and triggers your listener) `alert(retval); return retval;` have long, long, loooooooooooooong ago been executed. – connexo Jun 27 '19 at 06:35

Getting strange "undefined" on javascript function return

0 Answers0