> Faqs > problema al mostrar datos consultados en mysql con php

problema al mostrar datos consultados en mysql con php

Cordial saludos a todos los pertenecientes a este sitio, de antemano agradecer la oportunidad de revisar mi situacion. tengo un codigo en php con el que estoy realizando una conexion a una base de datos en mysql, utilizo para la creacion de la base de datos phpMyAdmin, intento con esto mostrar los registros almacenados en la DB en un cuadro de lista, el codigo que utilizo tanto para la conexion con la DB y el codigo para extraer los datos es el siguiente, mero no me esta extrayendo nada y como en la pagina tengo un loader mientras carga la pagina al mostrar los resultados entonces se queda es alli cargando... y tambien me oculta algunos campos del formulario donde estoy consultando los datos, pero si quito el codigo php que estoy utilizando ps el frontend funciona bien mostrando todo, "exceptuando los valores en las listas que no los muestra".

codigo de conexion con la base de datos. (conexion.php)

<?php
$server = 'localhost';
$username = 'root';
$password = '';
$database = 'sicaafdatabase';

try {
    $conn = new PDO("mysql:host=$server;dbname=$database;",$username,$password);
} catch (PDOException $error) {
    die('Connected failed: '.$error->getMessage());
}

?>

Y este es el codigo para extraer y mostrar los datos.

<div id="capaetqListaCalendario">CALENDARIO *</div>
<div id="capacmbListaCalendario">
<select name="cmbListaCalendario" id="cmbListaCalendario" required>
    <option value="">--- Seleccione ---</option>
    <?php
    require('../Conexion/conexion.php');
    $consulta1 = "SELECT nombreCalendario FROM tbcalendario";
    $resultado = mysql_query($conn,$consulta1);
    while($calendario = mysql_fetch_assoc($resultado)){
        echo "<option>$calendario[nombreCalendario]</option>";
      };
    mysql_close($conn);

      ?>
</select>
<br><span class="errorCalendario" id="errorCalendario"></span></div>

comparto ademas todo el codigo de la estructura de esta pagina, y como nota asi como intento conseguir el resultado para esta seccion del calendario tambien lo necesitaría hacer para otras secciones en esta misma pagina.

<!doctype html>
	<html lang="es-CO">
	<head>
		<meta charset="utf-8">
		<link href="../StyleSheet/Estilos_PaginaRegistrarEstudiante.css" rel="stylesheet" type="text/css" />
		<link href="../StyleSheet/thema.css" rel="stylesheet" type="text/css" />
		<script src="../Script-Javascript/ValidateFormRegEstudiantes.js" type="text/javascript"></script>
		
		</script>
		<script type="text/javascript">
		function valideKey(evt) {
			// El código (code) es la representación decimal ASCII de la tecla presionada.
			var code = (evt.which) ? evt.which : evt.keyCode;
			if(code == 8) { // backspace.
				return true;
			} else if(code >= 48 && code <= 57) { // Es un numero.
				return true;
			} else { // Otras teclas.
				return false;
			}
		}
		</script>
	</head>

	<body>
		<?php include("../Loading/Loading.html") ?>
		<main class="containerPpal">
			<div id="txtTituloRegistrar" class="ColorTheme">
				<div class="iconotxtRegistrar ColorTheme"><img src="../Images/iconos_blancos/estudiante.png" width="43" height="45" alt="" /> </div>
                
                    <strong style="margin-left:60px;">REGISTRAR ESTUDIANTE</strong> </div>
			<div id="capafrmRegistrar">
                <div id="content-form">
				<form id="frmRegistroEstudiante" name="frmRegistroEstudiante" method="post" action="../InsertData/InsertDataEstudiante.php" autocomplete="off">
                     <section class="body-form">
                         <div class="campos"> 
                            <div id="capaetqFechaActual"> FECHA INSCRIPCIÓN *</div>
                            <div id="capaFechaInscripcion">
                                <input name="FechaActual" type="date" id="FechaActual" class="fecha" required />
                            </div>
                         </div>
                         <div class="campos">  
                            <div id="capaetqNombres"> NOMBRES *</div>
                            <div id="capatxtNombres">
                                <input name="txtNombres" type="text" id="txtNombres" required />
                                <br><span class="errorNombres" id="errorNombres"></span> </div>
                         </div>
                         <div class="campos">   
                            <div id="capaetqApellidos"> APELLIDOS *</div>
                            <div id="capatxtApellidos">
                                <input name="txtApellidos" type="text" id="txtApellidos" required />
                                <br><span class="errorApellidos" id="errorApellidos"></span> </div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqTipoIdentificacion"> TIPO IDENTIFICACIÓN *</div>
                            <div id="capatxtTipoIdentificacion">
                                <select name="cmbListaTipoId" id="cmbListaTipoId" required>
                                    <option value="">--- Seleccione ---</option>
                                    <option>CEDULA DE CIUDADANIA</option>
                                    <option>PASAPORTE</option>
                                    <option>PERMISO DE PERMANENCIA - P.E.P</option>
                                    <option>TARJETA DE IDENTIDAD</option>
                                    <option>REGISTRO CIVIL</option>
                                </select>
                                <br><span class="errorTipoIdentificacion" id="errorTipoIdentificacion"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqIdentificacion"> N° IDENTIFICACIÓN *</div>
                            <div id="capatxtIdentificacion">
                                <input name="txtIdentificacion" type="text" id="txtIdentificacion" onkeypress="return valideKey(event);" required />
                                <br><span class="errorIdentificacion" id="errorIdentificacion"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqResidencia"> MUNICIPIO RESIDENCIA *</div>
                            <div id="capatxtResidencia">
                                <input name="txtResidencia" type="text" id="txtResidencia" required />
                                <br><span class="errorResidencia" id="errorResidencia"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqTelefono">TELÉFONO *</div>
                            <div id="capatxtTelefono">
                                <input name="txtTelefono" type="text" id="txtTelefono" onkeypress="return valideKey(event);" required />
                                <br><span class="errorTelefono" id="errorTelefono"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqSexo">SEXO *</div>
                            <div id="capardbSexo">
                                <label>
                                    <input type="radio" name="RadioGroupSexo" value="Hombre" id="RadioGroupSexo0" class="radio" > Hombre</label>
                                <label>
                                    <input type="radio" name="RadioGroupSexo" value="Mujer" id="RadioGroupSexo1" class="radio"> Mujer</label>
                                <br><span class="errorSexo" id="errorSexo"></span> </div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqFNacimiento">FECHA NACIMIENTO *</div>
                            <div id="capatxtFNacimiento">
                                <input name="txtFNacimiento" type="date" id="txtFNacimiento" class="fechaNacimiento" required />
                                <br><span class="errorNacimiento" id="errorNacimiento"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqCorreo">CORREO ELECTRÓNICO *</div>
                            <div id="capatxtCorreo">
                                <input name="txtCorreo" type="email" id="txtCorreo" required />
                                <br><span class="errorCorreo" id="errorCorreo"></span></div>
                         </div>
                         <div class="campos"> 
                            <div id="capaetqListaCalendario">CALENDARIO *</div>
                            <div id="capacmbListaCalendario">
                                <select name="cmbListaCalendario" id="cmbListaCalendario" required>
                                    <option value="">--- Seleccione ---</option>
                                    <?php
                                    require('../Conexion/conexion.php');
                                    $consulta1 = "SELECT nombreCalendario FROM tbcalendario";
                                    $resultado = mysql_query($conn,$consulta1);
                                    while($calendario = mysql_fetch_assoc($resultado)){
                                        echo "<option>$calendario[nombreCalendario]</option>";
                                      };
                                    mysql_close($conn);
                            
                                      ?>
                                </select>
                                <br><span class="errorCalendario" id="errorCalendario"></span></div>
                        </div>
                        <div class="campos"> 
                            <div id="capaetqListaSede">SEDE *</div>
                            <div id="capacmbListaSede">
                                <select name="cmbListaSede" id="cmbListaSede" required>
                                    <option value="">--- Seleccione ---</option>
                                    
                                        <option>
                                            sede
                                        </option>
                                </select>
                                <br> <span class="errorSede" id="errorSede"></span> </div>
                        </div>
                        <div class="campos"> 
                            <div id="capaetqListaJornada">JORNADA *</div>
                            <div id="capacmbListaJornada">
                                <select name="cmbListaJornada" id="cmbListaJornada" required>
                                    <option value="">--- Seleccione ---</option>
                                    
                                        <option>
                                            jornada
                                        </option>
                                </select>
                                <br><span class="errorJornada" id="errorJornada"></span></div>
                        </div>
                        <div class="campos-BigWidth"> 
                            <div id="capaetqListaPrograma">PROGRAMA *</div>
                            <div id="capacmbListaPrograma">
                                <select name="cmbListaPrograma" id="cmbListaPrograma" required>
                                    <option value="">--- Seleccione ---</option>
                                    
                                        <option>
                                            programa
                                        </option>
                                </select>
                                <br><span class="errorPrograma" id="errorPrograma"></span></div>
                        </div>
					
                </section>
                <section class="footer-form">
                     <div class="div-Buttons">
                    <div id="capabtnCancelar">
						<input name="btnCancelar" type="reset" id="btnCancelar" value="Cancelar" class="ButtonTheme" />
					</div>
					<div id="capabtnAceptar">
						<input name="btnAceptar" type="submit" id="btnAceptar" value="Aceptar" class="ButtonTheme ColorTheme" />
					</div>
                   </div>        
                </section>
				</form>
                </div>
			</div>
		</main>
		<script>
		window.onload = function() {
			var contenedor = document.getElementById('Contenedor_Carga');
			contenedor.style.visibility = 'hidden';
			contenedor.style.opacity = '0';
		}
		</script>
	</body>

	</html>
Editar
Responder la pregunta
victor alfonso
2 1

Respuestas

A quien le pueda interesar Dejo por aqui lo sucedido y la solución empleada, no me habia percatado debido a que son mis inicios en php, en la conexion a la base de datos estoy utilizando la librería PDO por cuestiones deseguridad para inmpedir la inyeccion de codigo SQL, utilizo PDO en php tanto en la conexion a la base de datos y en el inicio de sesion del usuario y ademas como se esta utilizando como motor mariaDB me generaba ciertos inconvenientes,

este es el codigo tanto de la conexion y el codigo para extraer los datos.

codigo conexion.

<?php
$server = 'localhost';
$username = 'root';
$password = '';
$database = 'sicaafdatabase';

try {
    $conn = new PDO("mysql:host=$server;dbname=$database;",$username,$password);
} catch (PDOException $error) {
    die('Connected failed: '.$error->getMessage());
}

?>

y aqui el codigo par aextraer los datos en una lista desplegable.

<div id="capaetqListaCalendario">CALENDARIO *</div>
 <div id="capacmbListaCalendario">
 <select name="cmbListaCalendario" id="cmbListaCalendario" required>
 <option value="">--- Seleccione ---</option>
 <?php
 require('../Conexion/conexion.php');
$consultaCal = $conn->prepare("SELECT nombreCalendario FROM tbcalendario");
$consultaCal->execute();
$resultadoCal = $consultaCal->fetch(PDO::FETCH_ASSOC);
foreach($calendario as $cal){
 echo "<option>$cal[nombreCalendario]</option>";
};

?>
 </select>
 <br><span class="errorCalendario" id="errorCalendario"></span></div>
victor alfonso
2 1
Aportar una respuesta