Set value of hidden input inside a form inside a iframe from the main page on same domain

Have a look at this - it'll need to go in the main page - not the iFrame page:

$(document).ready(function() {
    $('#iFrame1').contents().find('#customer-name').val( $('#custname').val() );
});

Select allOpen in new window

Thanks for reply but does not work. its not setting the value.

OK. Not really enough info there to be helpful. If you have a link to a page where we can see this in action, I'm sure we can figure out what's wrong.

Have you added the jQuery library to your document?

Thanks again, can I send a private message with my site info.

Yeah sure.

Thanks PM sent

Right - the hidden input in the iFrame doesn't have an ID - it just has a name. You need to add the ID that matches your jQuery, such as:

<input type="hidden" name="customer-name" id="customer-name">

Select allOpen in new window

You're also getting an error about the $ not being defined - this can happen if you've re-assigned the standard jQuery $ to something else. If that's the case, then you'll need to change the jQuery to use whatever you've assigned it to.

Thanks for looking into to it. I added the id for the hidden input customer-name but I am not sure how to find the jQuery $ assigned

Probably easiest to just use the full named jQuery reference rather than the shorthand $.

Change your code to the following:

jQuery(document).ready(function($) {
    $('#fb_iframe').contents().find('#customer-name').val( $('#custname').val() );
})

Select allOpen in new window

nope that help. I checked in chrome and it says now jQuery is undefined. Appreciate it

I got the undefined error fixed but if you upload a image and hit submit, you will see that the customer name is not getting passed Thanks again

Worked fine for me:

Hmm strange its not working me. I tried it in firefox and chrome. What am I doing wrong :( here my results

Not sure. I would make sure you've cleared down your cache and check there are no errors showing up in the console.

hmmm very strange I even tried in 2 different computers and same result :(

Yeah - I've just tried it on a different computer and it didn't work. Not sure if your document.ready block is firing or not.

One possibility is that the document.ready block is being fired when the main document is ready, but before the iFrame content is ready - this would mean that the input inside the iFrame isn't available when the jQuery code fires.

As a test, add an simple console.log line into the document ready block to make sure it's being fired. Something like this:

<script type="text/javascript">
$(document).ready(function($) {
   $('#fb_iframe').contents().find('#customer-name').val( $('#custname').val() );
   console.log( $('#custname').val() );
});
</script>

Select allOpen in new window

If the doc.ready block is being fired, you'll see John Doe being output to the console, which would confirm my suspicions that it's being fired too early.

If that is the case, we'll need to find another solution.

Wow thanks for looking into it again, and yes its being fired too early as the console returns John Doe. I wondering if there is way to grab the main page value from the iframe like the iframe is ready or onload grab the value

Thanks

Just Freaking Brilliant :) Thanks a bunch