Carga Ajax y envío de ID

Que tal:

A continuación explico detalladamente lo que necesito, espero y me puedan apoyar.

Cuando seleccione el combo de Fecha de Solicitud me da el detalle en una tabla creada en HTML, esto con fines de que el usuario tenga una vista preeliminar antes de mandar a imprimir el formato de solicitud de vacaciones, con el detalle seleccionado.

No se como mandar del echo que porporciona la página details.php

Código :

<td><input type="radio" id="key" name="key" value="'.$row['idVacaciones'].'"></td>

En

Código :

<tbody id="detalles"></tbody>

El valor de $row['idVacaciones'] a cualquier otra página, puesto que se carga vía Ajax.

Flujo:

recibos.php -> details.php -> formato.php

formato.php es la página a donde quiero mandar el idVacaciones para recrear el formato de impresión.



Anexo mis códigos fuente y una muestra del módulo que estoy programado, creo que es más fácil ver el código y así saber exactamente lo que pretendo hacer. O bien lo que estoy haciendo y se pueda entender mejor mi punto.

https://drive.google.com/file/d/0B8edCSfz6ypgTmRTRUVJWVN6NFE/edit?usp=sharing

recibos.php

Código PHP :

<?php 
   include_once("../config.php");
   include_once("data/workers.php");
?>

<!--Función JavaScript para buscar del 1er combo los valores del 2do -->
<script type="text/javascript">
$(function () {
document.getElementById("cbo_Solicitud").disabled=true;
       });

$(document).ready(function(){
    $("#cbo_Empleado").change(function(){
            $("#cbo_Empleado option:selected").each(function () {
         idEmpleados = $(this).val();
         $.post("data/dates.php", { idEmpleados: idEmpleados }, function(data){
         $("#cbo_Solicitud").html(data);
         document.getElementById("cbo_Solicitud").disabled=false;
         });
      });
   })
});
</script>

<!--Función JavaScript para buscar el detalle de la fecha seleccionada -->
<script type="text/javascript">
$(document).ready(function(){
    $("#cbo_Solicitud").change(function(){
            $("#cbo_Solicitud option:selected").each(function () {
         Empleados = $(this).val();
         fecha_vac = $(this).text();
         $.post("data/detail.php", { Empleados: Empleados, fecha_vac: fecha_vac }, function(data){
         $("#detalles").html(data);
         });
      });
   })
});

</script>

<table border="0">
      <tr>
      <td>
      Empleado:
      </td>
      
      <td>
      <select id="cbo_Empleado" name="cbo_Empleado">
         <option value="0" disabled selected>Seleccione un Empleado</option>
         <?php
         //Carga de Combobox_Empleado
         foreach ($rows as $row) {
         echo '<option value="'.$row['idEmpleados'].'">'.$row['name'].'</option>';
         }
         ?>
      </select>
      </td>
      </tr>
      
      <tr>
      <td>
      Fechas de Solicitud:
      </td>
      
      <td>
      <select id="cbo_Solicitud" name="cbo_Solicitud">
      </select>
      </td>
      </tr>

      <td colspan="2">
      <div style="clear: both;">&nbsp;</div>   
      </td>
      </table>
      
      <table border="0" id="hor-minimalist-b">
      <thead>
       <tr align="center">
           <th scope="col">D&iacuteas</th>
            <th scope="col">Semana</th>
            <th scope="col">Mes</th>
            <th scope="col">A&ntildeo</th>
         <th scope="col">Periodo</th>
          <th scope="col">Restantes</th>
         <th scope="col">Obs</th>
        </tr>
      </thead>
      <tbody id="detalles">
      </tbody>
      </table>

detail.php

Código PHP :

<?php
   include_once("../../config.php");
   //Paso de variable para la búsqueda de información para el detalle de la fecha
   $fecha_vac = date('Y-m-d', strtotime($_POST['fecha_vac']));
   $Empleados = $_POST['Empleados'];

   //Establecer conexión a BD, Se declaran las variables a usar
   $con = new PDO(DB_DSN,DB_USERNAME,DB_PASSWORD,array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8")); 
   $result = "";
   
   //Se crea la consulta y se almacena en la variable $rows
   $sql = "SELECT idVacaciones, idEmpleados, dias, semana, mes, anio, periodo, diasRes, obs FROM vacaciones WHERE fecha_vac = '$fecha_vac' AND idEmpleados = $Empleados";
   $stmt = $con->query($sql);
   $rows = $stmt->fetchAll();

   //Manejo de error
   if(empty($rows)){ 
      $result2 = "Posible error en conexión y/o No hay datos";
   }
   
   //Carga de Combobox_Fecha_Solicitud
   foreach ($rows as $row) {
   $mes=$row['mes']+1;
   $html .= '<tr align="center">
           <td>'.$row['dias'].'</td>
           <td>'.$row['semana'].'</td>
           <td>'.$mes.'</td>
           <td>'.$row['anio'].'</td>
           <td>'.$row['periodo'].'</td>
           <td>'.$row['diasRes'].'</td>
           <td>'.$row['obs'].'</td>
           <td><input type="radio" id="key" name="key" value="'.$row['idVacaciones'].'"></td></tr>';
   }
   
   echo $html;
      
   //Cerramos conexión y limpiamos la variable de consulta
   $stmt=null;
   $con=null;
?>

A la tabla "hor-minimalist-b" enciérrala dentro de un <form> y a ese form hazle post hacia el script formato.php, y si es por Ajax, puedes usar el método .serialize() de JQuery para convertir los datos de un <form> en parámetros GET o POST.