Getting 'this' object in javascript without using the word 'this'

Question

What I am trying to do is getting the same result as clicking on this following submit button.

<input id="submit_http:" class="add_submit" type="button" onclick="return dex.forms.form_ajax_submit(this,function(res) { alert('posting failed'); },function(res) { alert('posting success'); });" value="Next" name="submit_http:">

I was trying to do it like that:

$('.NextButton').click(function () {
    dex.forms.form_ajax_submit(document.getElementsByName('submit_http:'),
        function(res) { 
            alert('posting failed');
        }, 
        function(res) { 
            alert('posting success'); 
        });
});

But looks like document.getElementsByName is not returning the same result as the submit button 'this' How can I solve this issue?

because i cant use since it won't relate to the "submit" button but to the "NextButton" — D_R
– D_R, Commented Feb 29, 2012 at 12:54

hotS85 · Accepted Answer · 2012-02-29 13:16:25Z

2

The only actual mistake you made was using the function document.getElementsByName, because it returns an array of elements (as indicated by the plural). What you need is a single element.

Either access the first element of the array by using:

document.getElementsByName('submit_http:')[0]

or use the already recommended and more precise function:

document.getElementById('submit_http:')

answered Feb 29, 2012 at 13:16

hotS85

1,0367 silver badges4 bronze badges

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

Comments

Anthony Grist · Accepted Answer · 2012-02-29 12:54:56Z

1

document.getElementsByName('submit_http:') will return an array of elements that have that name. If you want to get your submit button, you want to use document.getElementsByName('submit_http:')[0].

answered Feb 29, 2012 at 12:54

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

Comments

Linus Thiel · Accepted Answer · 2012-02-29 13:04:32Z

1

While Anthony Grist is correct, in your case, since you already have an id for your input, you could do document.getElementById('submit_http:') (which returns a single element).

answered Feb 29, 2012 at 13:04

Linus Thiel

39.3k9 gold badges112 silver badges104 bronze badges

Comments

Jerome Cance · Accepted Answer · 2012-02-29 12:56:13Z

0

generally, we use a "self" variable for this. Before the submit, do that :

var self = this;

then use "self" into your callback

answered Feb 29, 2012 at 12:56

Jerome Cance

8,20312 gold badges55 silver badges107 bronze badges

Collectives™ on Stack Overflow

Getting 'this' object in javascript without using the word 'this'

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related