me ocupa o siguiente:
Parto del siguiente codigo:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="data">
<a href="#" >Opcion 1</a><br>
<a href="#" >Opcion 2</a><br>
<a href="#" >Opcion 3</a><br>
</div>
<div id="data2">
<input type="text" size="20">
</div>
<script>
$("a").click(function () {
a = document.getElementsByTagName('a');
var index = $("a").index(this);
jQuery("#data2 input").val(a[index].innerHTML);
});
</script>
Asi como esta al dar click a un link el contenido de dicho link se copia en el input dentro del hasta aqui todo perfecto.
LO QUE QUIERO HACER
Tengo una web padre.php que tiene un modal, en dicho modal hay un formulario que posee 2 input y un boton que abre un segundo modal que contiene el iframe descrito anteriormente iframe.php que contiene una lista de link y me gustaria orientacion para que.
- Al dar click en alguno de los link del modal que contiene el iframe se copie el contenido del link en el input del formulario del primer modal y a su vez se cierre el modal que contiene el iframe.
- No he logrado comprender como lograr conectar el iframe con la web padre, ya que en el IFRAME estan la lista de link y al dar click quiero que el contenido se copie en un input que esta en la web padre..!