Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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.

Compartilhar este post


Link para o post
Compartilhar em outros 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;
    }
}

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros 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...

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

falha minha

 

antes

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

depois

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

Compartilhar este post


Link para o post
Compartilhar em outros 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 ?

Compartilhar este post


Link para o post
Compartilhar em outros 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>

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.