[Resolvido] Como resolver isso?

[donkeykong__ 2]

beleza eu de novo.=) Seguinte sou novo em interações com jquery e php e javascript. Fiz esse script, ele funciona beleza, so que quando eu escolho a opção 4 do select por exemplo e depois troco pra dois ele não oculta os input radio corretamente.

 

Como posso resolver isso, o script ta assim:

 

<script type="text/javascript">
$(document).ready(function() {
	$('#sabores p span#um').hide();
	$('#sabores p span#dois').hide();
	$('#sabores p span#tres').hide();
	$('#sabores p span#quatro').hide();

	var valorEscolhido;

	$("#sel-tamanho").change(function(){ 
		valorEscolhido = $("#sel-tamanho option:selected").val();
		if(valorEscolhido == 0){
			alert ("Escolha um tamanho");
		}
		if(valorEscolhido == 1){
			$('#sabores p span#um').show(); 
		}
		if(valorEscolhido == 2){
		  $('#sabores p span#um').show();
		  $('#sabores p span#dois').show();
		}
		if(valorEscolhido == 3){
			$('#sabores p span#um').show();
			$('#sabores p span#dois').show();
		}
		if(valorEscolhido == 4){
			$('#sabores p span#um').show();
			$('#sabores p span#dois').show();
			$('#sabores p span#tres').show();
			$('#sabores p span#quatro').show();
		}
		if(valorEscolhido == 5){
			$('#sabores p span#um').show();
			$('#sabores p span#dois').show();
			$('#sabores p span#tres').show();
			$('#sabores p span#quatro').show();			  
		}
	});
});
</script>   

 

esqueci o select os input

 

       	<div id="selecao">
           <form method="post" name="tamanho" id="exibir">
           	<p class="p1">Selecione o tamanho da pizza:
                   <select id="sel-tamanho" name="sel-tamanho">
                       <option value="0" selected="selected">Escolha:</option>
                       <option value="1">Brotinho</option>
                       <option value="2">Pequena</option>
                       <option value="3">Média</option>
                       <option value="4">Grande</option>
                       <option value="5">Maracanã</option>
                   </select>
               </p>
           </form>

           <div id="sabores">
               <p>Selecione quantos sabores:       
                   <span id="um"><input type="radio" name="valor" class="um"><label for="um">1</label></span>
                   <span id="dois"><input type="radio" name="valor" class="dois"><label for="dois">2</label></span>
                   <span id="tres"><input type="radio" name="valor" class="tres"><label for="tres">3</label></span>
                   <span id="quatro"><input type="radio" name="valor" class="quatro"><label for="quatro">4</label></span>
               </p>
           </div>

[shini 318]

n esta faltando ocultar os outro campos com o .hide()pois em cada if você so exibe eles...?

[donkeykong__ 2]

nossa cara vdd, nem me toquei disso, erro tão simples que deixei passar despercebido kkk VLW a dica!!!

[shini 318]

valeu nada ta me devendo um guarana kkkkkkkkkk :nataltongue:

[donkeykong__ 2]

beleza...depois eu compacto e mando pro seu e-mail kkkkkkkkk

queria aproveitar o post pra tirar outra dúvida, como eu faria pra vericar se esse select e o input foram preenchidos assim que eu clicar em um link na mesma página? Porque na vdd preciso desses valores pra refinar minha busca no bd. Teria como adaptar nesse mesmo código ou seria melhor fazer outro a parte?!

[shini 318]

em um link? era mais facil em um submit... se for num link vai ter q passar td via get.... fica meio estranho

[donkeykong__ 2]

meu Deus agora lascou tudo.kkkk

via get não dá minha url ia ficar gigantesca e isso eu não quero, msm pq sei q da pra fazer de outra forma.

beleza vamos nos mudar da ancora pro button, já que tem q ter o submit...

 

da uma olhada nesse post q Willian Bruno me ajudou a resolver, ele ajuda a entender ese post tbm =)

[meu post]

 

teria que mudar algumas coisas no jquery pq la ta pra resgatar o valor de um link, você saberia qual atributo usar ao invés do 'attr'?

[donkeykong__ 2]

olha como eu tentei:

 

<form method="post">
   <button type="submit" onclick="window.location.href='<?php echo $id; ?>'" class="teste"><img src="<?php echo $imagem; ?>"></button>
</form>

 

dessa forma sou redirecionado pra página referente ao id ai o script abaixo não funciona:

 

$(document).ready(function(){
   $(".teste").click(function( e ){
e.preventDefault();//vai forcar para que fique na mesma pagina
($( this ).val() );
$.post("cidades.php",
{id_produto:$(this).val()},
function(valor){
           $("#descricao").html(valor);
})
   })
})

[shini 318]

quando você usa window.location fica uma requisição GET...

[donkeykong__ 2]

beleza, então qual seria outra maneira de passar esse parametro id através do metodo post?

se eu usar o input vou ser obrigado a usar o onclick de novo...

 

só pra você entender... preciso passar essa variável id, porque ela armazena o valor que será recuperado na variável id_produto, passado pra página cidades.php através do metodo post do jquery.

 

E preciso da um submit na página pra poder verificar se o select e o radio foram preenchido.

 

Isso me leva pra um problema >> a função do jquery não funciona no button. o Willian me ensinou a usar isso "e.preventDefault()" pra forçar a fica na msm página, mas o button ignora essa parte.

 

Conclusão: preciso passar o valor do id via post ao mesmo tempo que submeto a página nela mesma (youself)* isso vai solucionar o caso ;)

[shini 318]

e criar um hidden é viavel?

[donkeykong__ 2]

n tinha pensado nisso, vou ver como vai ficar a interação desse input hidden com o jquery, depois posto o resultado.

[donkeykong__ 2]

ae consegui resolver. Coloquei o id no value do button depois recuperei ele pelo .val com jquery, deu certim =)

Agoro volto aquela pergunta, como verificar se o input e o radio foram preenchidos apos clicar nesse botao?