enviar variable a otro formulario manejada por <div id="myDiv"></div>

[mager3]

buenas tardes;

requeria hacer una lista dependiente, despues de investigar en google lo logré, pero ahora no se como enviar esa segunda lista dependiente que me surgio de la primera seleccion al siguiente formulario....

actualmente tengo una lista desplegable con las areas de la empresa, al seleccionar un area aparece automaticamente otro menu con los indicadores de dicha area pero lo invoco según el codigo que investive con <div id="myDiv"></div>

les muestro mis codigos:

index.php parte donde tengo las dos list menu ,una dependiente de la otra.

Código HTML:

<label for="area">Area o servicio</label>
<?php
 
$con=conexion();
$res=mysql_query("select * from areas",$con);
 
?>
 
<select id="txtarea" onchange="load(this.value)">
<option value="">Seleccione</option>
    <?php
    while($fila=mysql_fetch_array($res)){
    ?>
 <option value="<?php echo $fila[cod_area]; ?>"><?php echo $fila[nombre_area]; ?></option>
    <?php } ?>
</select>
<div id="myDiv"></div>
            </li>
 

proc.php

Código PHP:

<?php
include 'conexion.php';
 
$q=$_POST['q'];
$con=conexion();
 
$res=mysql_query("select * from indicadores where cod_area=".$q."",$con);
 
?>
<label for="area">Indicador al que esta asociado</label>
<select id="txtindicador">
 
<?php while($fila=mysql_fetch_array($res)){ ?>
 <option><?php echo $fila[nombre_indicador]; ?></option>
<?php } ?>
<option value="x" selected>NO APLICA</option>
</select>
 

ajax.js que invoco en index.php en el head como <script src="ajax.js"></script>

Código Javascript:

function load(str)
{
var xmlhttp;
 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","proc.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+str);
}
 

Agradezco saber como capturar y enviar la variable que me aparece la lista desplegable como <div id="myDiv"></div>en el index.php al otro formulario