no estoy seguro si has utilizado ajax o no, pero serial algo mas o menos asi:
Código PHP:
Ver original<!--donde se va a mostrar el select-->
<div id="selectB"></div>
el ajax
Código Javascript
:
Ver originalfunction segundoSelect(X){
$.ajax({
url: 'consulta.php?cat=X,
type: 'get',
success: function (dat) {
dato = eval('(' + dat + ')');
/*Inicializamos la variable*/
var sale = "";
/*Cargamos el inicio del select*/
sale = '<select name="">';
/*Recorremos el json que llega desde php y creamos l as opciones del select*/
for(i=0; i < dato.length; i++)
{
sale += '<option value="'+dato[i]+'">'+dato[i]+'</option>';
};
/*Cerramos el Select*/
sale += '</select>';
/*Lo mostramos en el div*/
$("#selectB").html = sale;
}
});
}
La X es la variable, el valor o lo que le estes pasando a la funcion desde el primer select para que este realice la consulta al php.
Aquí un ejemplo:
https://jsfiddle.net/613Lo9s1/ (claro en el ejemplo carga la data desde un array, pero es válido para la respuesta de php