Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/10/2011, 09:40
agcforos
 
Fecha de Ingreso: julio-2011
Mensajes: 91
Antigüedad: 13 años, 3 meses
Puntos: 2
Selectores múltiples con AJAX

Buenas tardes.
Estoy intentando hacer una selección múltiple con Ajax y el problema es que me carga los dos primeros selectores pero no entiendo porque no me presenta el último.
En el inicial presento el Select con una serie de valores. El segundo Select se carga correctamente al saltar el evento onchange, pero el tercero que tiene el mismo proceso que el segundo Select, no me salta el evento onchange cuando realizo alguna selección.
Agradecido si alguien me puede aclarar el porque no me sale.
Adjunto el fichero...

Código Javascript:
Ver original
  1. <?php
  2.   include ('aprendetu_sc_fns.php');
  3.  
  4.   @session_start();
  5.  
  6.   ?>
  7.  
  8.         <LINK rel="stylesheet" type="text/css" href="cuerpo.css">
  9.      
  10.   <?php
  11.  
  12.   $usuario = $_SESSION['usuario'];
  13.   $nivelUsuario = $_SESSION['nivelUsuario'];
  14.  
  15.   do_html_header("Bienvenido a Aprendetu Online");
  16.  
  17.   ?>
  18.  
  19. <script type="text/javascript">
  20.    
  21.     /*$(document).ready(function(){
  22.         $("#contenidoCursos").load("servCursos.php?usuario="+usuario);  
  23.     })*/
  24.    
  25.     function showAsignaturas(str){
  26.         var xmlhttp;
  27.         if (str==""){
  28.             document.getElementById("priSelect").innerHTML="";
  29.             return;
  30.         }
  31.         if (window.XMLHttpRequest){
  32.             xmlhttp = XMLHttpRequest();
  33.         } else {
  34.             xmlhttp = ActiveXObject("Microsoft.XMLHTTP");
  35.         }
  36.         xmlhttp.onreadystatechange=function(){
  37.             if (xmlhttp.readyState==4 && xmlhttp.status==200){
  38.                 document.getElementById("priSelect").innerHTML=xmlhttp.responseText;
  39.             }          
  40.         }
  41.         xmlhttp.open("GET", "servAsignaturas.php?as="+str, true);
  42.         xmlhttp.send();
  43.     }
  44.    
  45.     function showTemas(str1){
  46.         var xmlhttp1;
  47.         if (str1==""){
  48.             document.getElementById("segSelect").innerHTML="";
  49.             return;
  50.         }
  51.         if (window.XMLHttpRequest){
  52.             xmlhttp1 = XMLHttpRequest();
  53.         } else {
  54.             xmlhttp1 = ActiveXObject("Microsoft.XMLHTTP");
  55.         }
  56.         xmlhttp1.onreadystatechange=function(){
  57.             if (xmlhttp1.readyState==4 && xmlhttp1.status==200){
  58.                 document.getElementById("segSelect").innerHTML=xmlhttp1.responseText;
  59.             }          
  60.         }
  61.         xmlhttp1.open("GET", "servTemas.php?tem="+str1, true);
  62.         xmlhttp1.send();
  63.     }
  64. </script>
  65.  
  66. </head>
  67.  
  68. <body>
  69.  
  70.     <!--<div id="contenidoCursos" align="left"></div>-->
  71.    
  72.     <table>
  73.     <tr>
  74.     <td>
  75.     <div id="sel">
  76.         <select name="listaCursos" onchange="showAsignaturas(this.value)">
  77.             <?php include "servCursos.php" ?>      
  78.         </select>
  79.     </div>
  80.     </td>
  81.     <td>
  82.     <div id="priSelect">
  83.         <select name="listaAsignaturas" onchange="showTemas(this.value)">
  84.         </select>
  85.     </div>
  86.     </td>
  87.     <td>
  88.     <div id="segSelect">
  89.         <select name="2">
  90.         </select>  
  91.     </div>
  92.     </td>
  93.     </tr>
  94.     </table>
  95.  
  96. </body>
  97. </html>

Gracias anticipadas y saludos.