How to pass values via URL to a iframe and get back to parent page?

I have a webpage 1 in which User will enter this:
Name 1:
Serial 1:
Name 2:
Serial 2:
Place:
Date:
(Hidden Webpage 2 loaded in iframe within Webpage 1)
[BUTTON CLICK]
On click event of this button, some values (listed below) should be passed via URL to iframe to Webpage 2, user still stays on Webpage 1

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Code for Webpage 2
<div style="display:hidden;">
Name 2: Get the value passed from Webpage 1 via passed URL
Serial 2: Get the value passed from Webpage 1 via passed URL
Place: Get the value passed from Webpage 1 via passed URL
Date: Get the value passed from Webpage 1 via passed URL< ...