Como pegar o id do estado e o id da cidade e fazer uma consulta usando essas duas informações para trazer conteúdo na mesma tela inicial?
É possível fazer isso com AJAX.
Aqui vão os passos:
Primeiro faça o combobox do estado e preencha com os estados do banco de dados via loop PHP ou use uma framework, como o AngularJS.
No evento "onchange" do combobox, coloque pra executar uma função JavaScript. Ex: onchange="CarregarCidades(this.value)".
O parâmetro "this.value" pega automaticamente o valor do estado selecionado.
Crie a função JavaScript mencionada no exemplo - "CarregaCidades(idEstado)" - e, dentro dela, coloque uma chamada AJAX que vai executar funções/métodos PHP e retornar um array contendo as cidades. Exemplo de AJAX:
$.ajax({ url:'paginaAlvo.php', type:'GET', data: {id: idEstado}, success:function(data){ // Preenche o combobox das cidades } });
Obs: para saber como fazer a query em PHP e recebê-la pelo AJAX em forma de array, veja: http://stackoverflow.com/questions/10220642/pass-php-array-into-javascript-arrayhttps://stackoverflow.com/questions/10220642/pass-php-array-into-javascript-array.
- Agora, faça o AJAX preencher o combobox das cidades. Veja: http://stackoverflow.com/questions/9895082/javascript-populate-drop-down-list-with-arrayhttps://stackoverflow.com/questions/9895082/javascript-populate-drop-down-list-with-array.
Se quiser um tutorial mais completo, pesquise na Internet. Para facilitar, listo aqui alguns bem legais:
http://www.marcelokenji.com.br/carregar-combobox-de-cidadeestado-com-ajaxphpmysql/
http://www.devfuria.com.br/javascript/forms/select-combobox/