Mis tres tablas son: Rubro, Actividad y Empresas.
Por logica, lo que quiero hacer es que seleccionando un Rubro y Actividad, me busque las empresas.
La tabla Empresas tiene las siguientes columnas: idempresa, descripcion, domicilio, telefono, idrubro, idactividad y sitio.
Rubro tiene: idrubro y descripcion
Actividad tiene: idactividad, descripcion, idrubro
Dentro del codigo, tengo lo siguiente:
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#Rubro").change(function(){
$.ajax({
url:"procesa.php",
type: "POST",
data:"idrubro="+$("#Rubro").val(),
success: function(opciones){
$("#Actividad").html(opciones);
}
})
});
});
</script>
</head>
<body>
<form class="contact_form" method="post" action="searchcat.php">
<ul>
<li>
<?php
$conexion = new mysqli("127.0.0.1","***","***","***",3306);
$strConsulta = "select idrubro, descripcion from Rubro";
$result = $conexion->query($strConsulta);
$opciones = '<option value="0"> Elige un Rubro</option>';
while( $fila = $result->fetch_array() )
{
$opciones.='<option value="'.$fila["idrubro"].'">'.$fila["descripcion"].'</option>';
}
?>
<div>
<select id="Rubro" class="lista">
<br><br>
<?php
echo $opciones;
?>
</select>
</div>
<div>
<br>
<select id="Actividad" class="lista">
<option value="0">Elige una Actividad</option>
</select>
</div>
</li>
<li>
</li>
<li>
<button class="submit" name="lista" type="submit value="Search" >Buscar</button>
</li>
</ul>
</form>
</body>
</html>