Skip to main content
Formatação. Incorporação de código em site externo (fiz download do script.html).
Fonte Link

estou com uma simples dúvida: Como adicionar um efeito de transição (fadefade) em um selectselect com onchangeonchange, que quando o objeto < div ><div> for alterado o mesmo ocorra uma transição.?
Abaixo segue um printprint da tabela que foi feita:

Print Tabela

E este é o link para download do script: BAIXAR - Tamanho: 1kb | o

<meta charset="utf-8" />
<!-- Isto é a seleção de planos, basta adicionar em qualquer lugar para que o usuario selecione o plano 
Atenção! Em value coloque o valor do plano -->

<p> 
<select name="select" onchange="document.getElementById('selecionado').innerHTML = 'R$ ' + this.value;">  
     <option value="nenhum|" selected="selected">Selecione:</option>  
    <option value="10,00">Mensal</option>
    <option value="11,00">Trimestral</option>  
    <option value="12,00">Semestral</option>
    <option value="13,00">Anual</option>  
  </select>  
</p>  

<p id="selecionado">
    O valor padrão
</p>   <!-- Acrescente este código aonde você quer que o texto seja trocado -->

<!-- Como criar uma outra seleção:

Basta trocar o nome em:
<select name="select" onchange="document.getElementById('selecionado').innerHTML = 'R$ ' + this.value;">  
Este código você troca esta parte que estará em maiusculo:
<select name="select" onchange="document.getElementById('TROCAR ESTA PALAVRA PARA UMA OUTRA QUALQUER').innerHTML = 'R$ ' + this.value;"> 
E aí coloque o código de seleção:
<p id="selecionado"></p> 
Troque a palavra que "selecionado" para o mesmo que você colocou no primeiro código.
-->

Quero que eu quero é o seguinte, quando a pessoa alterar o ciclo de pagamento no selectselect, ele mude o preço só que com um fadefade, porque do jeito que estarestá, ele muda na hora, eu. Eu quero tipo um fade, exemplofade http://www.kinghost.com.br/planosneste exemplo quando clica: ao clicar para alterar ocorre um fadefade ( transição ) nos preços, e não apenas muda.

Só que na minha tabela não vai ser um único selectselect, ele vai ter vários cada plano com um, como mostrado na imagem acima.

estou com uma simples dúvida: Como adicionar um efeito de transição (fade) em um select com onchange, que quando o objeto < div > for alterado o mesmo ocorra uma transição. Abaixo segue um print da tabela que foi feita:

Print Tabela

E o link para download do script: BAIXAR - Tamanho: 1kb | o que eu quero é o seguinte, quando a pessoa alterar o ciclo de pagamento no select, ele mude o preço só que com um fade, porque do jeito que estar ele muda na hora, eu quero tipo um fade, exemplo http://www.kinghost.com.br/planos quando clica para alterar ocorre um fade ( transição ) nos preços, e não apenas muda.

Só que na minha tabela não vai ser um único select, ele vai ter vários cada plano com um, como mostrado na imagem acima.

Como adicionar um efeito de transição (fade) em um select com onchange, que quando o objeto <div> for alterado o mesmo ocorra uma transição?
Abaixo segue um print da tabela que foi feita:

Print Tabela

E este é o script:

<meta charset="utf-8" />
<!-- Isto é a seleção de planos, basta adicionar em qualquer lugar para que o usuario selecione o plano 
Atenção! Em value coloque o valor do plano -->

<p> 
<select name="select" onchange="document.getElementById('selecionado').innerHTML = 'R$ ' + this.value;">  
     <option value="nenhum|" selected="selected">Selecione:</option>  
    <option value="10,00">Mensal</option>
    <option value="11,00">Trimestral</option>  
    <option value="12,00">Semestral</option>
    <option value="13,00">Anual</option>  
  </select>  
</p>  

<p id="selecionado">
    O valor padrão
</p>   <!-- Acrescente este código aonde você quer que o texto seja trocado -->

<!-- Como criar uma outra seleção:

Basta trocar o nome em:
<select name="select" onchange="document.getElementById('selecionado').innerHTML = 'R$ ' + this.value;">  
Este código você troca esta parte que estará em maiusculo:
<select name="select" onchange="document.getElementById('TROCAR ESTA PALAVRA PARA UMA OUTRA QUALQUER').innerHTML = 'R$ ' + this.value;"> 
E aí coloque o código de seleção:
<p id="selecionado"></p> 
Troque a palavra que "selecionado" para o mesmo que você colocou no primeiro código.
-->

Quero que quando a pessoa alterar o ciclo de pagamento no select, ele mude o preço só que com um fade, porque do jeito que está, ele muda na hora. Eu quero tipo um fade neste exemplo: ao clicar para alterar ocorre um fade ( transição ) nos preços, e não apenas muda.

Só que na minha tabela não vai ser um único select, ele vai ter vários cada plano com um, como mostrado na imagem acima.

Fonte Link
Alexandre Lopes
  • 2,8mil
  • 6
  • 33
  • 53

Select com transição na alteração com onchange

estou com uma simples dúvida: Como adicionar um efeito de transição (fade) em um select com onchange, que quando o objeto < div > for alterado o mesmo ocorra uma transição. Abaixo segue um print da tabela que foi feita:

Print Tabela

E o link para download do script: BAIXAR - Tamanho: 1kb | o que eu quero é o seguinte, quando a pessoa alterar o ciclo de pagamento no select, ele mude o preço só que com um fade, porque do jeito que estar ele muda na hora, eu quero tipo um fade, exemplo http://www.kinghost.com.br/planos quando clica para alterar ocorre um fade ( transição ) nos preços, e não apenas muda.

Só que na minha tabela não vai ser um único select, ele vai ter vários cada plano com um, como mostrado na imagem acima.