how pass a function's variable inside a calling function using jquery?

Question

Using the following code I'm unable to get value of this.select inside the calling function change... see below

function getSelection(selectionType) {
    this.select = selectionType;
    alert(this.select); // works
    this.getFile = function() {
        $(".file").change(function() {
            alert($(this).attr("id")); // works
            alert(this.select); // says undefined
            if ($(this).attr("id") == this.select) {
                alert("test"); // no display
            }
        });
    };
}

gdoron · Accepted Answer · 2012-11-09 04:47:08Z

4

cache this:

function getSelection(selectionType) {
    var that = this; // <========================
    this.select = selectionType;
    alert(this.select);

    this.getFile = function() {
        $(".file").change(function() {
            alert($(this).attr("id"));
            alert(that.select);
            if ($(this).attr("id") == that.select) {
                alert("test");
            }
        });
    }
}

answered Nov 9, 2012 at 4:47

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

1 Comment

Yetimwork Beyene Over a year ago

wow, your solution worked but don't understand why. thanks gdoron.. can't accept the answer, I have to wait 5 more minutes

Collectives™ on Stack Overflow

how pass a function's variable inside a calling function using jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related