This way.
Parent Page
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
Name:
</td>
<td>
<input type="text" id="txtName" readonly="readonly" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<img id="imgPerson" />
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="button" value="Select Name" onclick="Select()" />
</td>
</tr>
</table>
<script type="text/javascript">
var popup;
function Select() {
popup = window.open("Popup.htm", "Popup", "width=200,height=200");
popup.focus();
}
function SetSource(src) {
document.getElementById("imgPerson").src = src;
}
</script>
</body>
</html>
Popup Page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<select name="ddlNames" id="ddlNames">
<option value="Mudassar Khan">Mudassar Khan</option>
<option value="John Hammond">John Hammond</option>
<option value="Mike Stanley">Mike Stanley</option>
</select>
<br />
<img id = "img" src="Images/Mudassar.png" />
<br />
<input type="button" value="Select" onclick="SetName();" />
<script type="text/javascript">
function SetName() {
if (window.opener != null && !window.opener.closed) {
var txtName = window.opener.document.getElementById("txtName");
var imgPerson = window.opener.document.getElementById("imgPerson");
txtName.value = document.getElementById("ddlNames").value;
window.opener.SetSource(document.getElementById("img").src);
}
window.close();
}
</script>
</body>
</html>
Screenshot
