JavaScript - Ayuda actualizar un select al cerrar otra pagina

   
Vista:

Ayuda actualizar un select al cerrar otra pagina

Publicado por sergio (1 intervención) el 25/06/2016 08:59:55
Buenas tardes, soy nuevo en esto y me surgió un problema que no he podido solucionar, espero puedan ayudarme, les cuento, lo que pasa es que tengo un select con colegios agregados en mi base de datos, al lado del select tengo un botón que abre un pop up en el que pueden agregar un colegio que no se encuentra en tal listado, todo esto se hace bien, se agrega el nuevo colegio a la bd normalmente y luego cierro normalmente esa ventana, pero necesito que al agregar desde el pop up el nuevo registro, el select se actualice sin necesidad de tener que recargar la pagina para visualizar el nuevo colegio ingresado.

tengo esto en mi formulario:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="form-group">
  <label class="col-md-4 control-label">Establecimiento</label>
    <div class="col-md-4 selectContainer">
    <div class="input-group">
      <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
 
      <select name="colegio" class="form-control selectpicker" >
        <option selected="true" disabled="disabled" >Seleccione un establecimiento</option>
        <?php foreach ($arreglo_colegio as $colegio) { /* para buscar en nombre de la ciudad del colegio segun la id*/
          $variable=$colegio['id_ciudad'];
          foreach ($arreglo_ciudad as $ciudad){
              if($ciudad['id_ciudad']==$variable){
                $variable2=$ciudad['nombre_ciudad'];
              }
          }
          ?>
        <option value="<?php echo $colegio['id_colegio'] ?>"><?php echo utf8_encode($colegio['nombre_colegio'])." [".$variable2."]" ?></option>
        <?php } ?>
      </select>
      <!-- clic pop up para agregar nuevo colegio-->
      <a style="cursor:pointer" onclick="abrirventana('addcolegio.php',600,460);" class="input-group-addon"><span class="glyphicon glyphicon-plus"></span></a>
    </div>
    </div>
</div>

este es el script abrir ventana:
1
2
3
4
5
6
7
<script type="text/javascript">
 
function abrirventana(nombre,ancho,alto) {
datos = 'width=' + ancho + ',height=' + alto + ',left=0,top=0,scrollbars=no,resize=no';
window.open(nombre,'',datos)
}
</script>

y la pagina que abre es un formulario normal que ingreso valores a la bd.

Espero puedan ayudarme o guiarme por favor, saludos.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Ayuda actualizar un select al cerrar otra pagina

Publicado por DAVID (36 intervenciones) el 25/06/2016 10:40:33
Hola,
Deberás usar Ajax para cargar la tabla de colegios. Te he buscado una explicación sencilla de como cargar un select desde ajax.
http://bitacoraweb.info/como-cargar-dinamicamente-un-select-con-jquery-javascript/

Un saludo,
David
estudio de diseño grafico
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar