JQuery Get Value of input in iframe page returning Object

Question

I am trying to get the value of an input which is in an iframe.

When I submit the form I'm getting the alert telling me it's been submitted but when I try to get the value of the input it's alerting Object instead of the value.

Here is the code:

$(document).ready(function() {
    $('#myiframe').load(function() {
        $(this).contents().find('#myiframe').submit(function() {

            $res = $("#myiframe").contents().find('input[name="subject"]');

            alert('Form HAS been submitted'); //This works

            alert($res); // returns Object Object

            return true;
        });
    });

});

What I'm I doing wrong here?

tried alert($res.val()); ?

karlingen
– karlingen

2014-08-26 09:40:30 +00:00
Commented Aug 26, 2014 at 9:40 — karlingen
– karlingen, Commented Aug 26, 2014 at 9:40
Yes, that won't alert for some reason

Satch3000
– Satch3000

2014-08-26 09:42:45 +00:00
Commented Aug 26, 2014 at 9:42 — Satch3000
– Satch3000, Commented Aug 26, 2014 at 9:42
can you show us the html in iframe?

Anoop Joshi P
– Anoop Joshi P

2014-08-26 09:43:38 +00:00
Commented Aug 26, 2014 at 9:43 — Anoop Joshi P
– Anoop Joshi P, Commented Aug 26, 2014 at 9:43
what about alert($($res).val()) ?

karlingen
– karlingen

2014-08-26 09:44:23 +00:00
Commented Aug 26, 2014 at 9:44 — karlingen
– karlingen, Commented Aug 26, 2014 at 9:44

karlingen · Accepted Answer · 2014-08-26 11:52:06Z

2

It is because you are getting an object back. Try querying for the value instead.

// ..
    alert($res.val())
// ..

edited Aug 26, 2014 at 11:52

answered Aug 26, 2014 at 9:45

karlingen

14.8k5 gold badges49 silver badges76 bronze badges

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

3 Comments

Anoop Joshi P Over a year ago

what is the need of $() again?

karlingen Over a year ago

@AnoopJoshi A '$' in a variable means nothing to the interpreter, much like an underscore. So if jQuery is not bound to the fetched element one would still be able to call jquery funcntions such as val() if enquoted with $()

Anoop Joshi P Over a year ago

Thats not my question. In his code $res is already a jquery object. You dont need to make it again as jquery object by wrapping up with $()

Anoop Joshi P · Accepted Answer · 2014-08-26 09:42:53Z

0

$res is a jquery object. You need to get the value using .val() inorder to alert the value.

$(document).ready(function() {
    $('#myiframe').load(function() {
        $(this).contents().find('#myiframe').submit(function() {

            $res = $("#myiframe").contents().find('input[name="subject"]');

            alert('Form HAS been submitted'); //This works

            alert($res.val()); // returns Object Object

            return true;
        });
    });

});

answered Aug 26, 2014 at 9:42

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Collectives™ on Stack Overflow

JQuery Get Value of input in iframe page returning Object

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related