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
:
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.
select
haverá valores diferentes na tabela? Como serão definidos esses valores? Vem de um banco de dados? São calculados pelo JavaScript?