Jump to content
gremio10

[Resolvido] atualizar a pagina na escolha em um Select

Recommended Posts

Pessoal , nao sei se estou fazendo a pergunta no local certo , mas..

 

Tenho um sistema de compras online , mas o sistema nao tem escolha de sabores e tamanhos , queria utilizar um Select para mostrar o que tem dentro do banco em que o usuario escolheu , so que , preciso que quando ele escolher o tamanho , ou sabor , a pagina atualize , já adicionando o nome do produto mais o tamanho ou sabor escolhido...

 

Não tenho ideia de como começar , e gostaria da ajuda de vocês . Brigadão.

Share this post


Link to post
Share on other sites

Com atualização completa da página, você pode manipular o evento onchange

 

<select id="sabores">
   <option>Selecione um sabor</option>
   <option value="1">Morango</option>
   <option value="2">Uva</option>
   <option value="3">Abacaxi</option>
   <option value="4">Laranja</option>
</select>

 

window.onload = function(){
    document.getElementById('sabores').onchange = function(){
        window.href.location = window.href.location + '?sabor=' + this.value;
    }
}

Share this post


Link to post
Share on other sites

window.onload = function(){

    document.getElementById('sabores').onchange = function(){ << quando muda a drop down
        window.href.location = window.href.location + '?sabor=' + this.value; << vai pra mesma pagina com o parametro do que tu escolheu no drop down 
    }
}

 

valww

Share this post


Link to post
Share on other sites

window.onload = function(){

    document.getElementById('sabores').onchange = function(){ << quando muda a drop down
        window.href.location = window.href.location + '?sabor=' + this.value; << vai pra mesma pagina com o parametro do que tu escolheu no drop down 
    }
}

 

valww

 

eu testei esse codigo em uma pagina em branco , apenas ele e nao funcionou , nao sei se fiz algo de errado , apenas coloquei o codigo javascript e dpois o select...

Share this post


Link to post
Share on other sites

pra testar eu fiz assim

 

teste.php


<html>
<head>
<title></title><script>
window.onload = function(){
    document.getElementById('sabores').onchange = function(){
        window.href.location = window.href.location + '?sabor=' + this.value;
    }
}
</script></head>
<body>
<select id="sabores">
    <option>Selecione um sabor</option>
    <option value="1">Morango</option>
    <option value="2">Uva</option>
    <option value="3">Abacaxi</option>
    <option value="4">Laranja</option>
</select>
</body></html>

só que ele nao atualizou.

Share this post


Link to post
Share on other sites

falha minha

 

antes

window.href.location = window.href.location + '?sabor=' + this.value;

depois

window.location = document.location + '?sabor=' + this.value;

Share this post


Link to post
Share on other sites

falha minha

 

antes

window.href.location = window.href.location + '?sabor=' + this.value;

depois

window.location = document.location + '?sabor=' + this.value;

Cara funcionou direitinho , so tem um probleminha , quando tu seleciona um beleza , vai direitinho , so q se por um acaso o usuario escolher outro ? ele vai lah e qndo selecionou outro sabor , ele add novamente ?sabor= entende , teria como apagar isso ?

Share this post


Link to post
Share on other sites

Hmm,

Assim você terá que definir onde fica o endereço da base da página, mais ou menos assim:

 

<html>
<head>
<title></title><script>
var basePath = 'http://www.example.com/'; // aqui eh a base da pagina
window.onload = function(){
   document.getElementById('sabores').onchange = function(){
       window.location = basePath + '?sabor=' + this.value;
   }
}
</script></head>
<body>
<select id="sabores">
   <option>Selecione um sabor</option>
   <option value="1">Morango</option>
   <option value="2">Uva</option>
   <option value="3">Abacaxi</option>
   <option value="4">Laranja</option>
</select>
</body></html>

Share this post


Link to post
Share on other sites

Boa tarde!

 

Belo trabalho!

 

Sou novato nesse negócio de programar com HTML e PHP. Já consegui fazer alguns cadastros e tal e agora estou querendo partir para algo mais avançado, e é algo parecido com isso que foi discutido nesse tópico.

 

Uma vez escolhido um usuário numa lista drop down, aparece, nos controles do formulário dispostos imediatamente abaixo da lista, a configuração das permissões desse usuário no sistema (ex. pode consultar e incluir clientes, mas não excluir, marcáveis em check boxes, por exemplo).

 

A lógica para pegar e atualizar as informações das permissões no banco de dados até já imagino como fazer, mas eu não estou encontrando nas minhas pesquisas as informações sobre ATUALIZAÇÃO DINÂMICA de dados nos formulários a partir de uma seleção NA MESMA PÁGINA.

 

Este tópico faz algo parecido, mas recarregando a página, pelo que entendi. Não sei se isso caberia nas minhas intenções...

 

Pergunto: o que desejo é plausível na arquitetura HTML+PHP?

 

Já fiz isso em VB, Delphi etc., mas são arquiteturas de desenvolvimento diferentes né...

 

À disposição para maiores informações.

 

Abraços,

 

Augusto.

Share this post


Link to post
Share on other sites

Sim, é possível!

 

Você pode usar AJAX para que, ao escolher uma ação na sua lista drop-down, faça outra determinada ação sem a necessidade de recarregar a página.

 

Procure por jQuery AJAX + PHP.

 

Abraços!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.