Archivo_1Archivo_1.php
Esta se encarga que, mediante la selección de un valor del select-box, se le transmite al Archivo_2.php.
La sección JavaScript, esta dividida en 2 partes para facilitar mi entendimiento, la primera parte se encarga de reenviar el valor actual que se haya seleccionado en el select (lista_1), esto quiere decir que cada vez que selecciones un nuevo elemento, este se reenviará al otro archivo para que entregue el valor que corresponde.
La segunda parte corresponde al Ajax, este envía el valor actualizado por la primera función al otro archivo. Si el envío se logró de forma exitosa, este devolverá un resultado.
Empresa:
<select id="lista1" name="lista1" class="form-control input_user">
<option value="1">Empresa 1</option>
<option value="2">Empresa 2</option>
<option value="3">Empresa 3</option>
</select>
<!--1era Parte -->
<script type="text/javascript">
$(document).ready(function(){
$('#lista1').val(1);
recargarLista();
$('#lista1').change(function(){
recargarLista();
});
})
</script>
<!--2da Parte -->
<script type="text/javascript">
function recargarLista(){
$.ajax({
type:"POST",
url:"archivo_2.php",
data:"nombre_empresa=" + $('#lista1').val(),
success:function(r){
$('#select2lista').html(r);
}
});
}
</script>
<tr id="select2lista"></tr> <!--<- AquiAquí devuelve lo que se entregue el archivo_2.php -->
Respecto al resultado, que podrían ser varias cosas según se necesite. En este caso, lo que retorne el Archivo_2.php, será lo que mostrará el Ajax.
El resultado, se transmite a una id de una etiqueta html que ira cambiando cada vez que selecciones un nuevo valor del primer select (lista_1).
Archivo_2.php
Este archivo, se encarga de generar un resultado en base a lo que le entregue el Archivo_1.php. El resultado en este caso que se quiere entregar, seria el segundo select. Para ello como puedes ver, se utiliza una consulta sql a la cual se le entrega el valor y dependiendo lo que devuelva, se mostrara uno u otro elemento en el nuevo select.