Guardar en variable despues de seleccionar en option select

[kimmy]

Hola, agregué esto:

Código HTML:

<label class="letra">Este plan está disponible para fechas:</label>
        <label for="input-two" class="float"><strong>Desde:</strong></label>
 
        <label><select class="letra" name="select7" id="select7" readonly onChange="capturar()" >
            <option value="0"></option>
            </select></label>
 
    <label for="input-two" class="float"><strong>Hasta:</strong></label>
 
        <label><select class="letra" name="select8" id="select8" readonly >
            <option value="0"></option>
            </select></label>
 

con estas funciones:

Código Javascript:

$("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select7").load('genera-opciones.php?id_plan='+id_plan);
                });
 
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select8").load('genera-opciones2.php?id_plan='+id_plan);
                });
 

para que me trajera los datos que necesito guardar en las variables javascript y probé esto, pero no funciona:

Código PHP:

<script>
function capturar(){
var desde = document.getElementById("select7").value;
//alert(desde);
var hasta = document.getElementById("select8").value;
}
</script>
<?php
$variablephp1 = "<script> document.write(desde) </script>";
echo "variablephp1 = $variablephp1";
echo '<br>';
$variablephp2 = "<script> document.write(hasta) </script>";
 
echo "variablephp2 = $variablephp2";
?>
 

Se que me falta algo con el evento onchange en el select7 y select8 pero no se como hacerlo. Por favor me pueden explicar porque he estudiado el DOM, javascript y ajax y no se como hacer esto....

Gracias