Combo dinamico triplo
Boa tarde,
Seguinte, estou fazendo um combo dinâmico com três selects onde tenho área ofensora, status e substatus. Puxo a área ofensora e ele puxa o status bonitinho. Esse script foi uma adaptação de um que achei no google, ai eu quis implantar um terceiro select mas como não manjo de javascript estou travada aqui.
A parte do index sem php ficou assim:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">//funcao para carregamento do status de acordo com area ofensora - Combo dinamico
function buscar_status(){
var AreaOfensora = $('#AreaOfensora').val();
if(AreaOfensora){
var url = 'ajax_buscar_status.php?AreaOfensora='+AreaOfensora;
$.get(url, function(dataReturn) {
$('#load_status').html(dataReturn);
});
}
}//funcao para carregamento do substatus de acordo com status e area ofensora - Combo dinamico
function buscar_sub(){
var AreaOfensora = $('#AreaOfensora').val();
var status = $('#status').val();
if(status){
var url = 'ajax_buscar_substatus.php?AreaOfensora='+AreaOfensora+'&status='+status;
$.get(url, function(dataReturn) {
$('#load_substatus').html(dataReturn);
});
}
}
</script>
</head>
<body>
<form method="POST" action="envia.php">
<p><div class="div3"><label>Área ofensora:</label><br>
<select name="AreaOfensora" id="AreaOfensora" onblur="ValidaEntrada(this,'combo');" class="txt2comboboxpadrao bradius" onchange="buscar_status()">
<option value="">Selecione...</option>
<?php foreach ($arrAreaOfensora as $value => $name)
{
echo "<option value='{$value}'>{$name}</option>";
}
?>
</select></p></div>
<p><div class="div3"><div id="load_status"><label>Status</label><br>
<select name="status" id="status" onblur="ValidaEntrada(this,'combo');" class="txt2comboboxpadrao bradius" onchange="buscar_sub()">
<option value="">Selecione o status</option>
</select>
</p></div></div>
<p><div class="div3"><div id="load_substatus"><label>Substatus</label><br>
<select name="substatus" id="substatus" onblur="ValidaEntrada(this,'combo');" class="txt2comboboxpadrao bradius">
<option value="">Selecione o substatus</option>
</select>
</p></div></div>
<input type="submit" value="Cadastrar" id="cadastrar" name="cadastrar">
</form>
</body>
</html>
A pagina que chamo para buscar os dados no banco para preenchimento do select está funcionando certinho nas duas funções, porque testei enviando os dados manualmente pela url e rolou legal, mas quando mudo o status ele não chama a função do terceiro select :(. Quando eu chamo as duas funções no primeiro select (para teste) muda os dois combos, mas eu preciso do status pra ter o substatus.Alguém pode me ajudar??
Discussão (1)
Carregando comentários...