[SOLUCIONADO] Activar/deactivar formulario con arrays relacionadas PHP-JavaScript

[cachimira]

Buenos días,

tengo un problema entre PHP y javascript en un formulario.
Por un lado tengo este array en PHP:

Código PHP:

  $proyecto_tarea[$id_proyecto]["nombre"] = nombre_proyecto
$proyecto_tarea[$id_proyecto]["numero"] = código_numérico_del_proyecto
$proyecto_tarea[$id_proyecto]["tarea"][$id_tarea] = nombre_tarea 
   

Este array lo lleno desde mi base de datos y queda algo como esto:

Código PHP:

  Array
(
    [5] => Array
        (
            [nombre] => Actividad de formación
            [numero] => 005
            [tarea] => Array
                (
                    [9] => Curso A
                    [10] => Curso B
                )
        )
 
    [6] => Array
        (
            [nombre] => Permiso
            [numero] => 006
            [tarea] => Array
                (
                    [11] => Enfermedad
                    [12] => Mudanza
                )
        )
 
    [7] => Array
        (
            [nombre] => Vacaciones
            [numero] => 007
            [tarea] => Array
                (
                    [13] => Vacaciones
 
                )
        )
) 
   

Según el usuario aparecen solamente en mi array anterior sus proyectos, y para cada proyecto sus tareas asociadas.

Mi problema aparece en el formulario que el usuario debe rellenar, quiero que cuando seleccione un proyecto en concreto aparezcan en la siguiente casilla solamente aquellas tareas asignadas a ese proyecto en concreto que ha escogido.
Mi código en PHP/HTML es el siguiente:

Código HTML:

<form name="FormIntroDatos" ... ...>
... ... ...
   <td><select name="proj_1" id="proj_1" " size="1" onChange="mostrar_tarea('proj_1', 'tasc_1');">
 
      <option></option>
<?php
      foreach ($proyecto_tarea as $id_proyecto => $datos_proj) {
?>
         <option><?php echo $datos_proj["nombre"]." // ".$datos_proj["numero"] ?></option>
<?php
      }
?>
   </select></td>
 
   <td><select name="tasc_1" id="tasc_1" size="1" disabled>
      <option></option>
<?php
//    foreach ($proyecto_tarea as $id_proyecto => $datos_proj) {
//       foreach ($datos_proj["tarea"] as $id_tarea => $nombre_tarea) {
?>
<!--      <option><?php echo $nombre_tarea ?></option>
-->
<?php
//       }
//    }
?>
   </select></td>
 </tr>
... ...
 

Y mi código en javascript es:

Código Javascript:

function mostrar_tarea(sel_proyecto, sel_tasc){
   var elem_proyecto=document.getElementById(sel_proyecto);
   var elem_tasc=document.getElementById(sel_tasc);
   elem_tasc.disabled = false;
 
   if (elem_proyecto.value = "Permiso")
      elem_tasc.value[1] = "Enfermedad"
      elem_tasc.value[2] = "Mudanza"
      return(elem_tasc)
   }
 

Pero no funciona... en la casilla de tareas de mi formulario, o bien me aparecen las opciones que tengo en el código PHP/HTML que son todas las tareas para todos los proyectos (ahora están las líneas comentadas). O bien no me sale nada (ya que alguna cosa esta mal en el JavaScript o en otro sitio).

Además, para cada proyecto hay 'n' tareas y no solamente una, así que debería poder devolver des de javascript un array con las tareas del proyecto que el usuario ha escogido.


Muchas gracias!

[quimfv]

No puedes apoyarte en php para modificar el contenido del select de tareas si no haces una nueva petición php al servidor.. me explico.

El servidor manda al cliente el resultado del php y el cliente lo recibe como texto (sea html o javascipt) en el momento que lo recibe el cliente ya es estatico ... solo lo puedes modificar con javascript....

Opciones que tienes:

Recibir los datos del array php en un array javascript y usar funciones javascript que monten y modifiquen el formulario (busca por el foro scripts para modificar, agregar/quitar options de un select).

Otra opcion es hacer varias peticiones al servidor... primero el login determina el usuario, segundo con el ususrio pides los proyectos, cuando se ha elejido un proyecto pides las tareas... todo esto se puede reflejar en el html refrescando con ajax los selects...

[cachimira]

Hola,

mmm intentaré con la primera opción, ya que de Ajax no se nada...
Muchas gracias!

[cachimira]

Hola,

conseguí resolver el problema.
Os muestro el código en JavaScript i en PHP.

Código Javascript:

function mostrar_tasca(sel_projecte, sel_tasc){
    var projecte_1 = new Array("Gestio edifici","Gestio economica-financera","RRHH","Compres")
    var projecte_2 = new Array("Empresa A","Empresa B")
    var projecte_3 = new Array("Projecte A","Projecte B")
 
    var proj = document.getElementById(sel_projecte);
    var tasca = document.getElementById(sel_tasc);
 
    if (proj.value != 0) {  
       mis_tasques = eval("projecte_" + proj.value)
 
       num_tasques = mis_tasques.length
 
       tasca.length = num_tasques
 
       for(i=0; i<num_tasques; i++){
          tasca.options[i].value = mis_tasques[i]
          tasca.options[i].text = mis_tasques[i]
       }
 
    }else{
       tasca.length = 1
       tasca.options[0].value = "-"
       tasca.options[0].text = "-"
    }
    tasca.options[0].selected = true
}
 

Código PHP:

...
<td>
    <select name="proj_<?php echo $id_gest_hores ?>" id="proj_<?php echo $id_gest_hores ?>" size="1" style="width:139px" onChange="mostrar_tasca('proj_<?php echo $id_gest_hores ?>', 'tasca_<?php echo $id_gest_hores ?>')">
    <option value=<?php echo $id_proj ?> selected><?php echo $nom_proj ?></option>
<?php
    foreach ($array_proj_mostrar as $id_projecte => $dades_proj) {
?>
        <option value=<?php echo $id_projecte ?>><?php echo $dades_proj["nom"]." // ".$dades_proj["numero"] ?></option>
<?php
    }
?>
    </select>
                        </td>
                        <td>
                            <select name="tasca_<?php echo $id_gest_hores ?>" id="tasca_<?php echo $id_gest_hores ?>" size="1" style="width:139px">
                            <option><?php echo $nom_tasca ?></option>
                            </select>
                        </td>
 

Gracias!