Boa tarde galera,
gostaria de saber como pegar o valor de uma variavel que esta numa pagina aberta com iframe colorbox para colocar no value de um campo imput.


página 1 - o campo imput faz a chamada ao iframe para abrir a pagina 2 com colorbox


<input type="text" id="cidade" name="cidade" maxlength="100" class="form-control" value="<?=$dados->cidade?>" >
<span class="iframe input-group-addon" href="pagina2.php" > Pesquisar </span>


<script>
$(".iframe").colorbox({iframe:true,position:"reposition", width:"90%", height:"80%",
onClosed:function()
{
//window.opener.document[outputForm].getElementById(cidade).value; // isto nao funciona ---
location.reload(true); /// isto funciona
}
});
</script>




NA PAGINA 2 preciso fazer alguma coisa que ao clicar, fecha a pagina e passa a variavel com o value para preencher no input da pagina 1, tipo o codigo abaixo,... mas assim não funcionou

<a href="#" onClick="javascript:window.opener.document[outputForm].getElementById(cidade).value='<?=$d->nome_cidade?>'">
<?=$d->nome_cidade?>
</a>


Alguém sabe como posso pega o nome da cidade q esta na pagina 2 e colocar no value do campo input da pagina 1 ???