Pass input to Dialog window and return back to the Parent window using JavaScript

Scenario - As a developer, we often get requirement to open an Dialog or Add-On on click of a button to search some item and return back to the parent screen.

Ex: Search and assign a doctor to a patient using doctor appointment screen. Search doctor screen should open as a diglog box and return the selected doctor back to the Appointment screen.

Solution:
Appointment Screen

<br /><input type="text" id="DoctorName"><br /><button type="button" id="Search" onclick="ShowDialog('DoctorSearch.html)"><br /><br /><script type="text/javascript"><br />function ShowDialog(url)<br />{<br /> window.showModalDialog(url, window, 'status:false; dialogWidth:650px; dialogHeight:450px');<br />}<br /><br />function UpdateSelectedDoctor(name)<br />{<br /> document.getElementById("DoctorName").value = name;<br />}<br /></script><br />
Doctor Search Screen

<br /><form name="form1" id="form1"><br /><table cellspacing="0" cellpadding="0" border="0"><br /><tr><th></th><th>Name</th><th>Timing</th></tr><br /><tr><td><input type="radio" name="DoctorSelection" value="Michael Clark" onclick="setDoctor(this.value)"/></td><td>Dr. Michael Clark</td><td>7 am - 12 pm</td></tr><br /><tr><td><input type="radio" name="DoctorSelection" value="Peter Mark" onclick="setDoctor(this.value)"//></td><td>Dr. Peter Mark</td><td>7 am - 12 pm</td></tr><br /><tr><td><input type="radio" name="DoctorSelection" value="Michael Reynold" onclick="setDoctor(this.value)"//></td><td>Dr. Michael Reynold</td><td>7 am - 12 pm</td></tr><br /><br /></table><br /></form><br /><script type="text/javascript"><br />function setDoctor(name)<br />{<br /> var callerWindowObj = dialogArguments;<br /> callerWindowObj.UpdateSelectedDoctor(name);<br />}<br /></script><br />