- Obtener enlace
- X
- Correo electrónico
- Otras aplicaciones
Codigo del archivo index.php
<?php
require 'conexion.php';
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
body{
background-color: lightgrey;
}
hr {
border-color:white;
}
@media only screen and (max-width: 3000px) {
.container {
width: 580px;
}
}
@media only screen and (max-width: 700px) {
.container {
width: auto;
}
}
</style>
</head>
<body>
<div class="container">
<hr>
<div class="card">
<div class="card-header bg-info text-white">Cargar Rubros y Sub-Rubros con PHP-MYSQL-JQUERY-METODO AJAX</div>
<div class="card-body">
<div class="form-group">
<label for="">RUBROS</label>
<select id="rub_cargar" class="form-control">
<option value="0" selected="" disabled="">Seleccione aqui !!!</option>
<?php
$rub = mysqli_query($con,"select * from rubros");
while($r = mysqli_fetch_assoc($rub))
{
?>
<option value="<?php echo $r['id'];?>"><?php echo $r['nombre'];?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<label for="">SUB-RUBROS</label>
<select id="subrubros_listar" class="form-control">
<option value="0" selected="" disabled=""></option>
</select>
</div>
</div>
</div>
</div>
<script>
$(document).on('change','#rub_cargar',function()
{
var id = $(this).val();
$.ajax({
type:'post',
url:'cargarsubrubros.php',
data:
{
rubroid:id
},
success:function(data)
{
$('#subrubros_listar').html(data);
}
});
});
</script>
</body>
</html>
Codigo del archivo conexion.php
<?php
try {
$con = new mysqli("localhost", "root", "root", "negocio");
$con->set_charset("utf8");
} catch(Exception $e) {
error_log($e->getMessage());
}
?>
Codigo del archivo cargarsubrubros.php
<?php
require 'conexion.php';
$rubroid = $_POST['rubroid'];
$registros = $con->query("select * from subrubros where idrubros=".$rubroid."");
?>
<option value="">Seleccione aqui !!!</option>
<?php
while($reg = $registros->fetch_assoc())
{
?>
<option value="<?php echo $reg['id'];?>"><?php echo $reg['nombre'];?></option>
<?php
}
Codigo negocio.sql de la Tabla "Rubros" y Tabla "Subrubros"
---- Estructura de tabla para la tabla `rubros`
--
CREATE TABLE `rubros` (
`id` int(10) NOT NULL,
`nombre` varchar(200) COLLATE utf8_spanish_ci NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci;
--
-- Volcado de datos para la tabla `rubros`
--
INSERT INTO `rubros` (`id`, `nombre`) VALUES
(1, 'LACTEOS'),
(2, 'BEBIDAS');
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `subrubros`
--
CREATE TABLE `subrubros` (
`id` int(10) NOT NULL,
`idrubros` int(10) NOT NULL,
`nombre` varchar(200) COLLATE utf8_spanish_ci NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci;
--
-- Volcado de datos para la tabla `subrubros`
--
INSERT INTO `subrubros` (`id`, `idrubros`, `nombre`) VALUES
(1, 1, 'LECHE ENTERA 1 LTRO'),
(2, 1, 'LECHE DESCREMADA 1 LTRO'),
(3, 2, 'CERVEZAS RUBIAS'),
(4, 2, 'CERVEZAS NEGRAS'),
(5, 1, 'YOGUR ENTERO 1 LTRO'),
(6, 1, 'YOGUR DESCREMADO 1 LTRO'),
(7, 2, 'GASEOSAS C/GAS'),
(8, 2, 'GASEOSAS SABORIZADAS');
--
-- Índices para tablas volcadas
--
--
-- Indices de la tabla `rubros`
--
ALTER TABLE `rubros`
ADD PRIMARY KEY (`id`);
--
-- Indices de la tabla `subrubros`
--
ALTER TABLE `subrubros`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT de las tablas volcadas
--
--
-- AUTO_INCREMENT de la tabla `rubros`
--
ALTER TABLE `rubros`
MODIFY `id` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
--
-- AUTO_INCREMENT de la tabla `subrubros`
--
ALTER TABLE `subrubros`
MODIFY `id` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
COMMIT;
VISTA PREVIA
Post publicado por:
www.facebook.com/alfreinformatica
www.instagram.com/alfreinformatica
Comentarios
Publicar un comentario