-1

Alguém poderia me auxiliar em como eu possa alterar as informações que estão em azul na imagem abaixo, de acordo com a seleção do select (mensal, trimestral, semestral e anual).

Eu preciso que mude o valor do produto e o link do button:

inserir a descrição da imagem aqui

O código que eu tenho é esse:

<select class="select-ciclos" name="select" onchange="document.getElementById('selecionado').innerHTML = '' + this.value;">   
<option value="<sup>R$</sup><span>9,99</span>/mês" selected="selected">Mensal</option>
<option value="<sup>R$</sup><span>28,77</span>">Trimestral -4%</option>  
<option value="<sup>R$</sup><span>54,14</span>">Semestral -8%</option>
<option value="<sup>R$</sup><span>99,99</span>/ano">Anual -16%</option>  
                        </select>

 <div id="selecionado" class="price"><sup>R$</sup><span>9,99</span>/mês</div>

Porém, dessa forma que eu tenho, ele fica apenas em uma das tabelas.

Gostaria de deixar um select único fora das tabelas para que ao selecionar, altere todas de uma vez.

6

1 Resposta 1

0

Primeiramente tente atribuir uma id para cada option, assim fica mais fácil acessá-las pelo javascript. Depois atribua Ids para os conteúdos também (por exemplo h1 id="meuh1") e deixe esses conteúdos ocultos, então tente algo assim:

$"#optionID".select(function(){
  $"#meuh1".show();
  });

Espero que ajude...

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .