Tema: Problema con ajax
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 01/07/2015, 13:56
jokers777
 
Fecha de Ingreso: junio-2015
Mensajes: 15
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Problema con ajax
modulo-modificar-estudiante.html

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <title></title>
  5.     <LINK href='css/letras.css' type=text/css rel=stylesheet>  
  6.     <script languaje="javascript" src="js/tipodedato.js"></script>
  7.     <script languaje="javascript" src="js/activar-cajas.js"></script>
  8.     <script languaje="javascript" src="js/validaciones.js"></script>
  9.     <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
  10.     <script type="text/javascript" src="js/jquery-ui.min.js"></script>
  11.  
  12. <script>
  13.  
  14.     $(document).ready(function(){
  15.         $("#identificador" ).autocomplete({//este valor son el id del elemento de busqueda
  16.             source: "http://localhost/proyecto/Controlador/modificar-buscar-estudiante-ajax.php", //enviamos el valor ci a la ruta especificada
  17.         });
  18.  
  19.         $("#identificador").blur(function(){
  20.             $.ajax({
  21.                 url:'http://localhost/proyecto/Controlador/modificar-estudiante-ajax.php',
  22.                 type:'POST',
  23.                 dataType:'json', //metodo en el cual los datos son trasmitidos desde la busqueda de php para el ajax
  24.                 data:{ identificador:$('#identificador').val()} //estos dos valores son el id del elemento con el que se realiza la busqueda del formulario
  25.             }).done(function(respuesta){
  26.                 $("#nombre_estudiante").val(respuesta.nombre); //el primer valor es el id del input y el segundo es la variable creada en modificar-representante-ajax.php
  27.                 $("#apellido_estudiante").val(respuesta.apellido);
  28.                 $("#cedula_identidad_estudiante").val(respuesta.cedulaestudiante);
  29.                 $("#seccion_estudiante").val(respuesta.seccion);
  30.                 $("#ci_repr").val(respuesta.cedularepresentante);
  31.                 $("#nombre_representante").val(respuesta.nombrerepresentante);
  32.                 $("#apellidos_representante").val(respuesta.apellidorepresentante);
  33.             });
  34.         });
  35.     });
  36. </script>
  37.  
  38.  
  39. <script>
  40.  
  41.     $(document).ready(function(){
  42.         $("#ci_repr" ).autocomplete({//este valor son el id del elemento de busqueda
  43.             source: "http://localhost/proyecto/Controlador/buscar-rep-ing-est.php", //enviamos el valor ci a el archivo busc_usu.php
  44.         });
  45.  
  46.         $("#ci_repr").blur(function(){
  47.             $.ajax({
  48.                 url:'http://localhost/proyecto/Controlador/representante-estudiante.php',
  49.                 type:'POST',
  50.                 dataType:'json', //metodo en el cual los datos son trasmitidos desde la busqueda de php para el ajax
  51.                 data:{ ci_repr:$('#ci_repr').val()} //estos dos valores son el id del elemento con el que se realiza la busqueda del formulario
  52.             }).done(function(respuesta){
  53.                 $("#nombre_representante").val(respuesta.nombre); //el primer valor es el id del input y el segundo es la variable creada en usuario.php
  54.                 $("#apellidos_representante").val(respuesta.apellido);
  55.             });
  56.         });
  57.     });
  58. </script>
  59. </head>
  60. </head>
  61. <body>
  62.     <h4>Modificar Estudiante</h4>
  63.     <form method="POST" action="http://localhost/proyecto/Controlador/modificar-estudiante.php" onsubmit="return confirm('Desea modificar el registro')">
  64.  
  65.         <table border="3" cellpadding="10%" cellspacing="10%" align="center">
  66.             <tr>
  67.                 <td><select name="tipo" id="tipo" size=1>
  68.                         <option value=0>Cédula Escolar</option>
  69.                         <option value=1>Cédula de Identidad</option>
  70.                     </select>
  71.                 <td><input type="text" name="identificador" id="identificador" maxlength="14">
  72.                 <td><button type="button" name="buscar" onclick="activar5()" >Activar</button>
  73.             </tr>
  74.         </table>
  75.  
  76.         <br><br>
  77.  
  78.         <table border="3" cellpadding="10%" cellspacing="10%" align="center">
  79.             <tr>
  80.                 <td>Nombres:
  81.                 <td><input type="text" name="nombre_estudiante" id="nombre_estudiante" maxlength="50" onkeypress="return sololetras(event)" onpaste="return false" disabled="disabled">
  82.                 <td>Apellidos:
  83.                 <td><input type="text" name="apellido_estudiante" id="apellido_estudiante" maxlength="50" onkeypress="return sololetras(event)" onpaste="return false" disabled="disabled">
  84.             </tr>
  85.             <tr>
  86.                 <td>Cédula de Identidad:
  87.                 <td>
  88.                     <input type="text" name="cedula_identidad_estudiante" id="cedula_identidad_estudiante" maxlength="9" onkeypress="return cedula(event)" onpaste="return false" size="20" placeholder="ej: V0000000 , E66666" onkeyup = "this.value=this.value.toUpperCase()" disabled="disabled">
  89.                 <td>Sección:
  90.                 <td><input type="text" name="seccion_estudiante" id="seccion_estudiante" maxlength="3" disabled="disabled">
  91.             </tr>
  92.             <tr>
  93.                 <td class="estilo1" colspan="4" align="center"><b>Representante<b>
  94.             </tr>
  95.             <tr>
  96.                 <td>Cédula de Identidad:
  97.                 <td>
  98.                     <input type="text" name="ci_repr" id="ci_repr" maxlength="9" onkeypress="return cedula(event)" onpaste="return false" size="20" placeholder="ej: V0000000 , E66666" onkeyup = "this.value=this.value.toUpperCase()" disabled="disabled">
  99.                 <td>Nombres:
  100.                 <td><input type="text" name="nombre_representante" id="nombre_representante" maxlength="50" disabled="disabled" >
  101.             </tr>
  102.             <tr>
  103.                 <td>Apellidos:
  104.                 <td><input type="text" name="apellidos_representante" id="apellidos_representante" maxlength="50" disabled="disabled" >
  105.                 <td>Parentesco:
  106.                 <td><select name="parentesco" id="parentesco" size="1" disabled="disabled">
  107.                     <option value="0"></option>
  108.                     <option value="Madre">Madre</option>
  109.                     <option value="Padre">Padre</option>
  110.                     <option value="Hermano(a)">Hermano(a)</option>
  111.                     <option value="Tutor">Tutor</option>
  112.                     <option value="Representante Legal">Repesentante Legal</option>
  113.                 </select>
  114.             </tr>
  115.             <tr align="center">
  116.                 <td colspan="4"><input  type="submit" name="guardar" id="guardar" value="Guardar" onclick="activar9();return validar_modificar_estudiante()" disabled="disabled">
  117.                 <input type="reset" name="restaurar "value=Restaurar onclick="activar6()">
  118.             </tr>
  119.         </table>
  120.     </form>
  121. </body>
  122. </html>


El select del cual quiero que se muestre la opcion que este guardada en la BD es el de parentesco, osea que si en la BD el estudiante N°1 tiene como parentesco padre, al yo buscarlo con el ajax al N°1 el select se coloque en esa opcion