Estava tentando fazer dois dropdowns dinâmicos que atualizem os dados a partir da alteração de um deles, me recomendaram a usar Ajax para isso. E esta foi a sintaxe que consegui desenvolver após tantas pesquisas (programo em PHP sem orientação a objetos).
Segue como ficou meu código:
<div class="row wow fadeInRight">
<div class="col-sm-3 col-sm-offset-2">
<form action="#">
<div class="form-group">
<label id="drops-labels"><b id="centraliza-txt">REDE</b></label>
<span data-toggle="tooltip" data-placement="top" title="ESCOLHA A REDE">
<?php
echo "<select class='form-control input-sm' name='rede' id='rede' onChange='pegaLojas(this.value)'>";
echo "<option value='0'>---Selecione---</option>";
while($dadosRedes = mysql_fetch_array($buscarDadosSuperv)) {
echo "<option value='".$dadosRedes['Rede']."'>".$dadosRedes['Rede']."</option>";
}
echo "</select>";
?>
</span>
</div>
</form>
</div>
<div class="col-sm-3">
<form action="#">
<?php echo "<div class='form-group' id='carregaLojas'>" ?>
<label id="drops-labels"><b id="centraliza-txt">LOJA</b></label>
<span data-toggle="tooltip" data-placement="top" title="ESCOLHA A LOJA">
<?php echo "<select class='form-control input-sm' name='loja' id='loja'></select>";
?>
</form>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function pegaLojas($rede_loja){
$.ajax({
url: "ajaxPegaRede.php?rede_loja="+$rede_loja,
cache: false,
beforeSend: function(){
//Mostra alguma mensagem.
},
complete: function($response,$status){
if($status != "error" && $status != "timeout"){
$('#carregaLojas').html($response.responseText);
}
},
error: function($responseObj){
alert("Algo de errado aconteceu durante a execução da sua solicitação.\n\nError =>"+$responseObj.responseText);
}
});
}
</script>
Segue código do AjaxPegaRede.php
:
<?php session_start();
include(conecta.php);
$rede_loja = $_REQUEST['rede_loja'];
$sql_loja = "SELECT * FROM indicadores_rv_m1 WHERE Rede = '".$rede_loja."'";
$resultadoSQL = mysql_query($sql_loja);
echo "<select class='form-control input-sm' name='loja'>";
while($row_loja = mysql_fetch_array($resultadoSQL)){
echo "<option value='".row_loja['Loja']."'>".$row_loja['Loja']."</option>";
}
echo "</select>";
?>
Ele está dando erro na função e retornando para mim o alert que coloquei na função javascript, já tentei de tudo e não sei o que pode estar acontecendo. Alguma ajuda??