Tema: Problema con select dependientes y ajax
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/08/2015, 09:03
dcheda
 
Fecha de Ingreso: agosto-2015
Mensajes: 4
Antigüedad: 9 años, 4 meses
Puntos: 0
Problema con select dependientes y ajax
Buenas Tardes

Llevo días peleándome con unos select dependientes, que el primero me desaparece cuando selecciono la option que quiero, aunque si mostrándome el contenido que tiene que ser en el segundo select. Os adjunto unas capturas del proceso.





Os pongo el codigo de los 3 ficheros tal cual lo tengo, a ver si a alguien se le ocurre como evitar que desaparezca el primer combo

cerrar.php
Código PHP: 
Ver original
  1. <? require "setup.php"; $seccion = ""; 
  2. if(!$_GET[centro]) { $url="blanco"; } else { $url="$_GET[centro]"; }
  3. $numerorden = $_GET['orden'];
  4. $comerci = $_GET['comercio'];
  5. $materi = $_GET['material'];
  6. $typi = $_GET['type'];
  7. $tipocierre = $_GET['d'];
  8. $fecha = date ('Y-m-d  H:i:00');
  9. $camb = $_GET['typu'];
  10.  
  11.  
  12.  
  13. function generaestados($rt, $tt)
  14. {
  15.     include_once 'conexion.php';
  16.     conectar();
  17.     $consulta=mysql_query("SELECT * FROM estados where estado = '$rt' and usarpara = '$tt'");
  18.     desconectar();
  19.     // Voy imprimiendo el primer select compuesto por los paises
  20.     echo "<select name='estado' id='estado' onChange='mostrar(this.value)';>";
  21.     echo "<option value='0'></option>";
  22.     while($registro=mysql_fetch_row($consulta))
  23.     {
  24.         echo "<option value='".$registro[3]."'>".$registro[4]."</option>";
  25.     }
  26.     echo "</select>";
  27.     
  28. }
  29. function generaequipos($gh, $pl, $ty)
  30. {
  31.  
  32.     include_once 'conexion.php';
  33.     conectar();
  34.     $consulta3=mysql_query("SELECT DISTINCT cod_equipo FROM equipos where cod_equipo LIKE '$gh%' and ubicacion = '$pl' and tipo='$ty' and averiado ='NO'");
  35.     desconectar();
  36.     // Voy imprimiendo el primer select compuesto por los paises
  37.     echo "<select name='equipo' id='equipo' onChange='cargaContenido(this.id)'>";
  38.     echo "<option value='0'>Elige</option>";
  39.     while($registro3=mysql_fetch_row($consulta3))
  40.     {
  41.         echo "<option value='".$registro3[0]."'>".$registro3[0]."</option>";
  42.     }
  43.     echo "</select>";
  44.     
  45. }
  46. function generaequiporetir($gh)
  47. {
  48.     include_once 'conexion.php';
  49.     conectar();
  50.     $consulta2=mysql_query("SELECT * FROM productos where codequipo LIKE '$gh%'");
  51.     desconectar();
  52.     // Voy imprimiendo el primer select compuesto por los paises
  53.     echo "<select name='equipo' id='equipo';>";
  54.     echo "<option value='0'></option>";
  55.     while($registro2=mysql_fetch_row($consulta2))
  56.     {
  57.         echo "<option value='".$registro2[1]."'>".$registro2[1]."</option>";
  58.     }
  59.     echo "</select>";
  60. }
  61. function rellenaretirado($te)
  62. {
  63.     include_once 'conexion.php';
  64.     conectar();
  65.     $we=mysql_query("SELECT * FROM comercios where numcomercio = '$te'");
  66.     while ($ro = mysql_fetch_array($we)) {
  67. $modequip = ($ro[modeloequipo]);
  68. $seryal = ($ro[serial]);
  69.     }
  70.     desconectar();
  71.     // Voy imprimiendo el primer select compuesto por los paises
  72.     echo "
  73.     <input type=\"text\" name=\"modequipo\" id=\"modequipo\" readonly=\”readonly\”  value=\"$modequip\">
  74.     <input type=\"text\" name=\"seryal\" id=\"seryal\" readonly=\”readonly\”  value=\"$seryal\">
  75.     ";
  76. }
  77. ?>
  78.  
  79. <html>
  80. <script type="text/javascript" src="select_dependientes.js"></script>
  81. <head>
  82. <title></title>
  83. <link rel="stylesheet" href="estilos.css" type="text/css">
  84.  
  85.  
  86. </head>
  87. <body topmargin="0" leftmargin="0" bgcolor="#666666" text="#000000" link="#FFFF40" alink="#FFFF40" vlink="#FFFF40">
  88.  
  89. <table border="0" width="968" align="center" cellspacing="1" bgcolor="#606060" cellpadding="1">
  90. <tr bgcolor="#606060">
  91. <td colspan="3" align="center">
  92. <img src="pto.jpg" height="1" width="1" border="0">
  93. </td>
  94. </tr>
  95. <tr bgcolor="#070707">
  96. <td colspan="3" align="left" height="120" valign="middle">
  97. <img src="logo.jpg" width="968" height="121" border="0">
  98. </td>
  99. </tr>
  100. <tr bgcolor="#313b83">
  101. <td colspan="3" align="right" height="30">
  102. <? include "secciones.php"; ?>
  103. </td>
  104. </tr>
  105. <tr bgcolor="#c6c5c5">
  106. <td width="800" valign="top">
  107. <br><br><br><br>
  108.  
  109. <?
  110.  
  111. if ($tipocierre=='ok' or $tipocierre=='Cerrar OK' ) {
  112. echo"
  113.  
  114. <form action=\"cerrar2.php\" method=\"get\" name=\"d\">
  115. <center><table class=\"tg\">
  116.   <tr>
  117.     <th class=\"tg-031e\">Orden de Trabajo:</th>
  118.     <th class=\"tg-031e\"><input type=\"text\" name=\"ordenot\" readonly=\”readonly\”  size=\"15\" value=\"$numerorden\"></th>
  119.   </tr>
  120.   <tr>
  121.     <td class=\"tg-031e\">Estado Cierre:</td>
  122.     <td class=\"tg-031e\">"; generaestados(OK, $camb); echo"</td>
  123.   </tr>
  124.   <tr>
  125.     <td class=\"tg-031e\">Fecha Cierre:</td>
  126.     <td class=\"tg-031e\"><input type=\"text\" name=\"fechacierres\" id=\"fechacierres\" value=\"$fecha\"></td>
  127.   </tr></table>
  128.   <div id=\"0\" style=\"display: none;\"></div>
  129.   
  130.   <div id=\"COMPOK\" style=\"display: none;\">
  131.   <table class=\"tg\"><tr>
  132.     <td class=\"tg-031e\">EQUIPO INSTALADO:</td>
  133.     <td class=\"tg-031e\">"; generaequipos($materi, $user_id, $typi); echo" <select disabled=\"disabled\" name=\"numserie\" id=\"numserie\"><option value=\"0\">Selecciona numero de serie...</option></select></td>
  134.     </tr>
  135.     <tr>
  136.     <td class=\"tg-031e\">Comentario:</td>
  137.     <td class=\"tg-031e\"><textarea name=\"comentarios\" rows=\"10\" cols=\"40\"></textarea></td>
  138.   </tr>
  139.   </table>
  140.   <input type=\"submit\" value=\"CERRAR\" name=\"d\"/>
  141.   </form>
  142.   </div>
  143.   
  144.  <div id=\"COMPCAMB\" style=\"display: none;\">
  145.   <table class=\"tg\"><tr>
  146.     <td class=\"tg-031e\">EQUIPO INSTALADO:</td>
  147.     <td class=\"tg-031e\">"; generaequipos($materi, $user_id, $typi); echo" <select disabled=\"disabled\" name=\"numserie\" id=\"numserie\"><option value=\"0\">Selecciona numero de serie...</option></select></td>
  148.     </tr>
  149.     <tr>
  150.     <td class=\"tg-031e\">EQUIPO RETIRADO:</td>
  151.     <td class=\"tg-031e\">"; rellenaretirado($comerci); echo"</td>
  152.     </tr>
  153.     <tr>
  154.     <td class=\"tg-031e\">Comentario:</td>
  155.     <td class=\"tg-031e\"><textarea name=\"comentarios\" rows=\"10\" cols=\"40\"></textarea></td>
  156.   </tr>
  157.   </table>
  158.   <input type=\"submit\" value=\"CERRAR\" name=\"d\"/>
  159. </form>
  160.   </div>
  161.   
  162.   <div id=\"COMPOKRET\" style=\"display: none;\">
  163.   <table class=\"tg\">
  164.     <tr>
  165.     <td class=\"tg-031e\">EQUIPO RETIRADO:</td>
  166.     <td class=\"tg-031e\">"; rellenaretirado($comerci); echo"</td>
  167.     </tr>
  168.     <tr>
  169.     <td class=\"tg-031e\">Comentario:</td>
  170.     <td class=\"tg-031e\"><textarea name=\"comentarios\" rows=\"10\" cols=\"40\"></textarea></td>
  171.   </tr>
  172.   </table>
  173.   <input type=\"submit\" value=\"CERRAR\" name=\"d\"/>
  174. </form>
  175.   </div>
  176.   
  177. <div id=\"COMPOKREQ\" style=\"display: none;\">
  178. <table>
  179. <tr>
  180.     <td class=\"tg-031e\">Comentario:</td>
  181.     <td class=\"tg-031e\"><textarea name=\"comentarios\" rows=\"10\" cols=\"40\"></textarea></td>
  182.   </tr>
  183.   </table>
  184.   <input type=\"submit\" value=\"CERRAR\" name=\"d\"/>
  185. </form>
  186. </div>
  187. </center>
  188.  
  189.  
  190.  
  191.      
  192.      
  193. ";
  194.  
  195.  
  196. }
  197.  
  198.  
  199. else{
  200.  
  201. echo "
  202. <form action=\"cerrar2.php\" method=\"get\" name=\"d\">
  203. <center><table class=\"tg\">
  204.   <tr>
  205.     <th class=\"tg-031e\">Orden de Trabajo:</th>
  206.     <th class=\"tg-031e\"><input type=\"text\" name=\"ordenot\" readonly=\”readonly\”  size=\"15\" value=\"$numerorden\"></th>
  207.   </tr>
  208.   <tr>
  209.     <td class=\"tg-031e\">Estado Cierre:</td>
  210.     <td class=\"tg-031e\">"; generaestados(FA); echo"</td>
  211.   </tr>
  212.   <tr>
  213.     <td class=\"tg-031e\">Fecha Cierre:</td>
  214.     <td class=\"tg-031e\"><input type=\"text\" name=\"fechacierres\" id=\"fechacierres\" value=\"$fecha\"></td>
  215.   </tr>
  216.   </table>
  217.   <div id=\"0\" style=\"display: none;\"></div>
  218.   <div id=\"FALLIDA\" style=\"display: none;\">
  219. <table class=\"tg\">
  220.   <tr>
  221.     <td class=\"tg-031e\">Comentario:</td>
  222.     <td class=\"tg-031e\"><textarea name=\"comentarios\" rows=\"10\" cols=\"40\"></textarea></td>
  223.   </tr>
  224. </table>
  225. <input type=\"submit\" value=\"CERRAR\" name=\"d\"/>
  226. </center></form>
  227. </div>";
  228.  }
  229. ?>
  230. <br><br><br>
  231. </center>
  232. </td>
  233. </tr>
  234. <tr bgcolor="#313b83"><td colspan="3" align="center" height="70" valign="bottom">
  235. </td></tr>
  236. <tr bgcolor="#606060"><td colspan="3" align="center" class="v10"><? include "abajo.php"; ?></td></tr>
  237. </table>
  238. </body>
  239. </html>