使用JavaScript从字段设置iframe值

Question

I have a CRM form with an iframe on it that contains an HTML textarea (id=textbox). On the form, I have a field called "Justification". I need the textarea value that is in the iframe, to be set to the value that is in the "Justification" field on the parent form Onload using javascript. is there a simple way to do this, and if so, can you provide a script? Thank you in advance, any help would be appreciated

Answer 1

There is quite a few different way to accomplish that goal, since you state a onload event in your tags, you could go with:

var parentValue = parent.document.getElementById("Justification").value;
document.getElementById("textbox").value = parentValue;

Answer 2

If the iframe src and the parent exist on the same domain you can use the contentWindow of the iframe to access the DOM elements. MDN contentWindow

If they don't exist on the same domain then the browser will prevent you from manipulating the DOM due to cross-origin restrictions.

If you have access to the source code for the parent and the iframe you could implement window.postMessage() to pass data between the parent and iframe. MDN postMessage