Boa noite,
Eu tenho uma pagina com 3 divs e dentro de cada div tem um form diferente, eu deixo todas as divs ocultas e faço elas aparecem conforme o valor selecionado em uma primeira comboBox(select)de option que fica visivel. Quando a div oculta aparece, ela vem com outro select de option e um botão para o usuario fazer a busca, Só que a cada click no botão as divs com a option da busca selecionada somem, e não queria que elas sumissem, queria que ao clicar no botão, a div comboBox junto com a div selecionada ficasse visivel e com seus valores selecionado mostrando o resultado, até a pessoa selecionar outra option e fazer outra busca...alguém pode me ajudar: exemplo:
Deixo elas oculta aqui:
<script>
$(document).ready(function() {
$('#div1').hide();
$('#div2').hide();
$('#div3').hide();
$('#comboBox').change(function() {
if ($('#comboBox').val() == 'Boletos') {
$('#div1').show();
$("#div2").hide();
$('#div3').hide();
} else if ($('#comboBox').val() == 'Folhas') {
$('#div1').hide();
$("#div2").show();
$('#div3').hide();
} else if ($('#comboBox').val() == 'Guias') {
$('#div1').hide();
$("#div2").hide();
$('#div3').show();
} else {
$('#div1').hide();
$("#div2").hide();
$('#div3').hide();
}
});
});
</script>
comboBox que seleciona qual div deve aparecer, conforme seleciona a option dela a div fica visivel:
<select id="comboBox" name="comboBox">
<option>Selecione sua opção aqui</option>
<option value='div1'>div1</option>
<option value='div2'>div2</option>
<option value='div3'>div3</option>
</select>
E conforme seleciona o valor as divs aparecem:
<form action="div1.php" method="POST">
<div id="div1">
<select id="combo1" name="combo1">
<option value='selecione'>Selecione sua opção aqui</option>
<option value='Pagamento 1'>Pagamento 1</option>
<option value='Pagamento 2'>Pagamento 2</option>
</select>
<button type="submit" id="btn1" value="btn1">Buscar</button>
</div>
</form>
<form action="div2.php" method="POST">
<div id="div2">
<select id="combo2" name="combo2">
<option>Selecione sua opção aqui</option>
<option value='Folha 1'>Folha 1</option>
<option value='Folha 2'>Folha 2</option>
</select>
<button type="submit" id="btn2" value="btn2">Buscar</button>
</div>
</form>
<form action="div3.php" method="POST">
<div id="div3">
<select id="combo3" name="combo3">
<option>Selecione sua opção aqui</option>
<option value='Anual 1'>Anual 1</option>
<option value='Anual 2'>Anual 2</option>
</select>
<button type="submit" id="btn3" value="btn3">Buscar</button>
</div>
</form>
Pra ficar mais claro, quero que quando por exemplo a div3 apareça e a pessoa click no botão3 fazendo uma busca, que a div comboBox,e a div3 e o botão3 continuem visivel e só suma caso a pessoa seleciona a div2 por exemplo. é pro meu tcc se alguém puder ajudar eu agradeço.
return false;
ouevent.preventDefault();
no botão?