javascript - html 的 Jquery 错误

Question

回答前请先阅读

这个功能不起作用。我需要相当于这家公司 http://www.redehost.com.br/hospedagem-de-site/planos

当您选择期间时，本次交换的值(value)将是链接和DIV的内容Skype:benhur.augusto

必须按值或 ID 更改？

<select name="select"  sourceindex="0">
<option value="1" >Mensal</option>                    
<option value="3" id="trimestral" >Trimestral (3% de desconto)</option>
<option value="6" id="Semestral" >Semestral (6% de desconto)</option>
<option value="12" >Anual (12% de desconto)
</option>
</select>


<div id="p01" class="price">$3.99 <i>/ por mês</i></div>
<div id="p02" class="price">$3.99 <i>/ por mês</i></div>
<div id="p03" class="price">$3.99 <i>/ por mês</i></div>
<div id="p04" class="price">$3.99 <i>/ por mês</i></div>

<a href="#"  id="l01" class="button orange small colorchan">Comprar Agora</a>
<a href="#"  id="l02" class="button orange small colorchan">Comprar Agora</a>
<a href="#"  id="l03" class="button orange small colorchan">Comprar Agora</a>
<a href="#"  id="l04" class="button orange small colorchan">Comprar Agora</a>


<script type="text/javascript">
$(document).ready(function() {
$("#trimestral").click(function() {
$("#p01").html("R$53.99 <i>/ por mês</i>");
$("#p02").html("R$63.99 <i>/ por mês</i>");
$("#p03").html("R$73.99 <i>/ por mês</i>");
$("#p04").html("R$83.99 <i>/ por mês</i>");
$("#l01").attr("href", "http://www.codigosnaweb.com");
$("#l02").attr("href", "http://www.codigosnaweb.com");
$("#l03").attr("href", "http://www.codigosnaweb.com");
$("#l04").attr("href", "http://www.codigosnaweb.com");
});


$("#semestral").click(function() {
$("#p01").html("R$93.99 <i>/ por mês</i>");
$("#p02").html("R$103.99 <i>/ por mês</i>");
$("#p03").html("R$113.99 <i>/ por mês</i>");
$("#p04").html("R$123.99 <i>/ por mês</i>");
$("#l01").attr("href", "http://www.codigosnaweb.com");
$("#l02").attr("href", "http://www.codigosnaweb.com");
$("#l03").attr("href", "http://www.codigosnaweb.com");
$("#l04").attr("href", "http://www.codigosnaweb.com");
});
});
</script>

Answer 1

在 select 上使用 .on('change', (不是选项上的 .click())，获取选项 id，然后根据 id

运行代码

<script type="text/javascript">
$(document).ready(function() {
  $('input[name=select]').on('change', function(){
      var optionId = $(this).attr('id');
      if(optionId == 'trimestral'){
        ....
      }
      else if(optionId == 'semestral'){
        ....
      }
   });
});
</script>