Pass value from iframe to parent
Posted on: May 24, 2009 at 12:00 AM

iframe creates an inline frame in which we can put another page

Pass value from iframe to parent

iframe creates an inline frame in which we can put another page. We can pass values from iframe to the parent page with the use of java script.

Here in our example of passing value fromiframe to the parent we have created a HTML page which has one input text box and a "Submit" button which will call the hello() method of parent page on click. In parent page we have an input text component and an iframe which is containing the inputForm.html page.

Here is the code of main parent page PassValueIFrame.html as follows:

PassValueIFrame.html

Name:

This page calls the inputForm.html page into the iframe. Which value would be inserted into the inputForm.html would also be reflected to the parent page's input text. Code of inputForm.html is as given below:

Input Form Name :

After filling name and clicking on the "Submit" button the inserted value in the iframe page would be reflected to the parent page.

Download Source Code