Como recuperar uma variável ao fechar um iframe aberto com colorbox ?

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" ><i> Pesquisar </i></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 ???