Ir para o conteúdo
tiko165

PHP + Ajax

Mensagens Recomendadas

tiko165

Boas a todos amigos,

Pretendia desenvolver um form, onde se visualizasse 4 radio buttons, e ao escolher cada um deles, aparecer na pagina web, uns selects respectivamente para cada um desses radio buttons.

Não sei se para isto, é necessário so Ajax, ou Jquery ou até ambas!. e como tal, não tenho nenhuma noção como isso se processa, por isso, venho aqui pedir-vos um pouco de ajuda.

Isto que pretendo, não necessita de recursos mysql (Alem de alguns selects)!


collectioneuro300px.png

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
NunoDinis

Pretendes fazer isso com a ajuda de um botão que irá submeter o formulário ou logo que escolhas a opção na radiobutton te abra a página ?


Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiko165

Ao carregar no radio button, aparecer logo o select que se pretende. Logo será sem nenhum botão, e sem carregamento de pagina!


collectioneuro300px.png

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
NunoDinis

Sem carregar a página música já é outra.. a forma que te ia propôr era esta:

<input type='radio' name='teste' value='qualquer' onclick="location.href='http://www.google.pt'">


Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiko165

Fazer com um novo carregamento de pagina, ainda tenho certas noções de como fazer, mas pretendo fazer tudo numa unica pagina, para se tornar mais simples e eficaz.

Mas não sei basicamente como se faz, precisava de umas noções!


collectioneuro300px.png

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
joaocasta

Boas, pus-me a brincar e aqui está. Não sei se é o que querias, mas aqui fica.

Podes experimentar aqui primeiro para ver se é o que queres: http://jsfiddle.net/2wp8r/


<html>
<head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){

$('#selectmale').hide();
$('#selectfemale').hide();

$("#male").click(function() {
if ($(this).is(':checked')) { $('#selectmale').show(); $('#selectfemale').hide(); }
});

$("#female").click(function() {
if ($(this).is(':checked')) { $('#selectfemale').show(); $('#selectmale').hide(); }
});

});
</script>
</head>
<body>
<form action="action.php">

<input type="radio" name="radio" value="" id="male">Homem?</input>
<select id="selectmale">
<option value="teste">TESTE</option>
</select></br>
<input type="radio" name="radio" value="" id="female">Mulher?</input>
<select id="selectfemale">
<option value="teste2">TESTE2</option>
</select>
</form>
</body>
</html>

Editado por joaocasta

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
joaocasta

Exactamente "JoaoCasta", a ideia é mesmo essa, vou adequar ao meu site e ver como fica! :)

Desde já, um muito obrigado :)

De nada, o prazer é todo meu. Se tiveres mais questões estás à vontade!

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiko165

Ta feito o que pretendia.

Muito obrigado JoaoCasta :)

Irei ter mais questões, mas não por agora!

Primeiro gosto de tentar, caso não consigo, ai pergunto :P


collectioneuro300px.png

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.