Change form field value with javascript - Not Working

Question

I am trying to get the data that sits inside <p id="wysiwygBody"></p> within an Iframe...

I have a wysiwyg editor that generates an Iframe for users to type rich content into. When I type into the wysiwyg Iframe I wish to capture what has been typed into a seperate hidden form field on the parent page onmouseover.

UPDATE: --------------------------------------------------------------------

I've added an id to the Iframe called: wysiwygFrame and also added an id to the Iframes only P element called: wysiwygBody.

I am now accessing the Iframe as suggested with id's like so:

var messageContent = window.frames['wysiwygFrame'].document.getElementById('wysiwygBody').value;

and attempting to update the value of a form field called CurrentDraftMessage like so:

document.getElementById('CurrentDraftMessage').value = messageContent;

It doesn't work at all???

T McKeown · Accepted Answer · 2014-01-21 18:30:31Z

2

accessing an element in a IFrame should be done like this:

window.frames['iFrameName'].document.getElementById('elementId').value = v;

answered Jan 21, 2014 at 18:30

T McKeown

12.9k1 gold badge27 silver badges35 bronze badges

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

4 Comments

JayG Over a year ago

thanks for so much for such a fast response... One of the issues is that the wysiwyg has no id for it's Iframe and although I tried to add one in via the wysiwyg's js files it seems to ignore any id being set. so I had to access it via document.getElementsByTagName('iframe')[0]; also the wysiwyg's body container also has no id and is simply stored inside of <p></p> which I had to access via getElementsByTagName('p')[0].innerHTML; any advice?

T McKeown Over a year ago

every/any DOM element may have an id.

JayG Over a year ago

so? You suggest modifying the wysiwyg editors code to ensure that I can set ID's for the iframe and its message body is the best way to go ditching what I have so far? What I have kinda works, Just doesnt Update the value of the hidden field in source, but it does on screen... Is it because I have this using tagnames rather than via ID's that I have this problem? Thanks in advance

JayG Over a year ago

I've added id's and now accessing the Iframe the way you suggested. But it doesnt seem to work at all now?

Collectives™ on Stack Overflow

Change form field value with javascript - Not Working

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related