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.
innerHTML
=)