Recuperando variável de 2 select

[Everton Ferreira 0]

Preciso de recuperar variável de 2 select o primeiro é AREA e o segundo é PAIS, com essas duas variáveis farei uma consulta MySQL para preencher o terceiro select

 

estou fazendo da seguinte forma:

 

\\LISTO O PRIMEIRO SELECT

 

<label for="cod_area"><span class="titulo">Area:</span></label><br />

<select name="cod_area" id="cod_area">

<option value="">-- Escolha uma área --</option>

<?php

$sql = "SELECT cod_area, nome

FROM area

ORDER BY nome";

$res = mysql_query( $sql );

while ( $row = mysql_fetch_assoc( $res ) ) {

echo '<option value="'.$row['cod_area'].'">'.(utf8_encode($row['nome'])).'</option>';

}

?>

</select>

\\LISTO O SEGUNDO SELECT APÓS O USUÁRIO ESCOLHER A AREA

<label for="pais"><span class="titulo">País:</span></label><br />

<span class="carregando">Aguarde, carregando...</span>

<select name="pais" id="pais">

<option value="">-- Escolha uma pais --</option>

<script src="http://www.google.com/jsapi"></script>

<script type="text/javascript">

google.load('jquery', '1.3');

</script>

<script type="text/javascript">

$(function(){

$('#cod_area').change(function(){

if( $(this).val() ) {

$('#pais').hide();

$('.carregando').show();

$.getJSON('paises.ajax.php?search=',{cod_area: $(this).val(), ajax: 'true'}, function(j){

var options = '<option value=""></option>';

for (var i = 0; i < j.length; i++) {

options += '<option value="' + j.cod_pais + '">' + j.pais + '</option>';

}

$('#pais').html(options).show();

$('.carregando').hide();

});

} else {

$('#pais').html('<option value="">– Escolha um pais –</option>');

}

});

});

</script>

</select>

\\LISTO O TERCEIRO SELECT, MAS EU NÃO CONSIGO RECUPERAR AS DUAS VARIAIS SIMULTÂNEO, E O FILTRO SÓ PEGA O VALUE DA SEGUNDA, QUE É O PAIS, NESSE TERCEIRO SELECT EU PRECISO RECUPERAR O VALOR ESCOLHIDO NOS DOIS SELECT E ENVIAR PARA OUTRA PAGINA FAZER A PESQUISA NO BANCO,

MINHA DÚVIDA É, COMO VOU RECUPERAR ESSAS DUAS VARIAIS E ENVIAR JUNTAS PARA FAZER A PESQUISA.

<label for="curso"><span class="titulo">Curso:</span></label><br />

<span class="carregando">Aguarde, carregando...</span>

<select name="curso" id="curso">

<option value="">-- Escolha uma curso --</option>

<script type="text/javascript">

$(function(){

$('#cod_area').change(function(){

if( $(this).val() ) {

$('#curso').hide();

$('.carregando').show();

$.getJSON('cursos.ajax.php?search=',{cod_area: $(this).val(), ajax: 'true'}, function(j){

var options = '<option value=""></option>';

for (var i = 0; i < j.length; i++) {

options += '<option value="' + j.cod_curso + '">' + j.nome + '</option>';

}

$('#curso').html(options).show();

$('.carregando').hide();

});

} else {

$('#curso').html('<option value="">– Escolha um curso –</option>');

}

});

});

$(function(){

$('#pais').change(function(){

if( $(this).val() ) {

$('#curso').hide();

$('.carregando').show();

$.getJSON('cursos.ajax2.php?search=',{cod_pais: $(this).val(), cod_area: $(this).val(), ajax: 'true'}, function(j){

var options = '<option value=""></option>';

for (var i = 0; i < j.length; i++) {

options += '<option value="' + j.cod_curso + '">' + j.nome + '</option>';

}

$('#curso').html(options).show();

$('.carregando').hide();

});

} else {

$('#curso').html('<option value="">– Escolha um curso –</option>');

}

});

});

</script>

</select>

 

[Progjunior Daniel 34]

Pode usar um input hidden.

 

Quando escolher preencha a input hidden com o valor escolhido do select.