Fatal编程技术网

Javascript html的Jquery错误

javascript php jquery html

Javascript html的Jquery错误,javascript,php,jquery,html,Javascript,Php,Jquery,Html,在给出答案之前阅读 此功能不起作用。 我需要和这家公司同等的人才 当您在案例中选择期间时，此交换的值将是DIV的链接和内容 skype:benhur.augusto 必须按值或id更改吗？ <select name="select" sourceindex="0"> <option value="1" >Mensal</option> <option value="3" id="trimestral" >

在给出答案之前阅读

此功能不起作用。 我需要和这家公司同等的人才

当您在案例中选择期间时，此交换的值将是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>


月经期
Trimestral（3%减排量）
Semestral（6%的de Descon）
按年计算（12%折旧）
每桶3.99美元
每桶3.99美元
每桶3.99美元
每桶3.99美元
$（文档）.ready（函数（）{
$（“#trimestral”）。单击（函数（）{
$（“#p01”）.html（“53.99雷亚尔/立方米”）；
$（“#p02”）.html（“R$63.99/por mês”）；
$（“#p03”）.html（“73.99雷亚尔/立方米”）；
$（“#p04”）.html（“83.99雷亚尔/立方米”）；
$（“#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");
});
$（“#semetral”）。单击（函数（）{
$（“#p01”）.html（“93.99雷亚尔/立方米”）；
$（“#p02”）.html（“103.99雷亚尔/立方米”）；
$（“#p03”）.html（“113.99雷亚尔/立方米”）；
$（“#p04”）.html（“R$123.99/por mês”）；
$（“#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");
});
});
问题是，您试图触发单击选择选项

您需要触发select字段的
onchange
-事件，如下所示

<select name="select"  sourceindex="0" id="idoftheselectfield">
<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>


月经期
Trimestral（3%减排量）
Semestral（6%的de Descon）
按年计算（12%折旧）
jquery：

$("#idoftheselectfield").change(function() {
    var selectValue = $(this).val();
    if(selectValue == "6") {
        // put code for semestral
        $("#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");

    } else if(selectValue == "3") {
        // put code for trimestral

        $("#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");
    }
});

$（“#idoftheselectfield”）.change（函数（）{
var selectValue=$（this.val（）；
如果（选择值=“6”）{
//semestral的put代码
$（“#p01”）.html（“53.99雷亚尔/立方米”）；
$（“#p02”）.html（“R$63.99/por mês”）；
$（“#p03”）.html（“73.99雷亚尔/立方米”）；
$（“#p04”）.html（“83.99雷亚尔/立方米”）；
$（“#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");
}else if（selectValue==“3”）{
//放置trimestral的代码
$（“#p01”）.html（“93.99雷亚尔/立方米”）；
$（“#p02”）.html（“103.99雷亚尔/立方米”）；
$（“#p03”）.html（“113.99雷亚尔/立方米”）；
$（“#p04”）.html（“R$123.99/por mês”）；
$（“#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");
}
});
请注意，这是一个相当丑陋的概念，你可能想要实现。但对于您的问题-这是如何处理选择字段的选择。

问题是，您试图触发对选择选项的单击

您需要触发select字段的
onchange
-事件，如下所示

<select name="select"  sourceindex="0" id="idoftheselectfield">
<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>


月经期
Trimestral（3%减排量）
Semestral（6%的de Descon）
按年计算（12%折旧）
jquery：

$("#idoftheselectfield").change(function() {
    var selectValue = $(this).val();
    if(selectValue == "6") {
        // put code for semestral
        $("#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");

    } else if(selectValue == "3") {
        // put code for trimestral

        $("#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");
    }
});

$（“#idoftheselectfield”）.change（函数（）{
var selectValue=$（this.val（）；
如果（选择值=“6”）{
//semestral的put代码
$（“#p01”）.html（“53.99雷亚尔/立方米”）；
$（“#p02”）.html（“R$63.99/por mês”）；
$（“#p03”）.html（“73.99雷亚尔/立方米”）；
$（“#p04”）.html（“83.99雷亚尔/立方米”）；
$（“#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");
}else if（selectValue==“3”）{
//放置trimestral的代码
$（“#p01”）.html（“93.99雷亚尔/立方米”）；
$（“#p02”）.html（“103.99雷亚尔/立方米”）；
$（“#p03”）.html（“113.99雷亚尔/立方米”）；
$（“#p04”）.html（“R$123.99/por mês”）；
$（“#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");
}
});
请注意，这是一个相当丑陋的概念，你可能想要实现。但对于您的问题-这是如何处理选择字段的选择。

您需要编写
更改
事件，而不是
单击
事件以获得下拉列表：

HTML:


月经期
Trimestral（3%减排量）
Semestral（6%的de Descon）
按年计算（12%折旧）
每桶3.99美元
每桶3.99美元
每桶3.99美元
每桶3.99美元


JQUERY：

$（文档）.ready（函数（）{
$（“#下拉列表”）.change（函数（）{
如果（$（this）.val（）==='3'）{//check option selected选项值为3
$（“#p01”）.html（“53.99雷亚尔/立方米”）；
$（“#p02”）.html（“R$63.99/por mês”）；
$（“#p03”）.html（“73.99雷亚尔/立方米”）；
$（“#p04”）.html（“83.99雷亚尔/立方米”）；
$（“#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");
}else if（$（this）.val（）=='6'）{//检查所选选项值是否为6
$（“#p01”）.html（“93.99雷亚尔/立方米”）；
$（“#p02”）.html（“103.99雷亚尔/立方米”）；
$（“#p03”）.html（“113.99雷亚尔/立方米”）；
$（“#p04”）.html（“R$123.99/por mês”）；
$（“#l01”）.attr（“href”http://www.codigosnaweb.com");
$（“#l02”）.attr（“href”http://www.codigosnaweb.com");
$（“#l03”）.attr（“href”http://www.codigosnaweb.com");

<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>



$(document).ready(function() {
    $("select[name=select]").change(function() {
        if ($(this).find("option:selected").attr('id') == "trimestral") {
            $("#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");
        } else if ($(this).find("option:selected").attr('id') == "Semestral") {

            $("#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");
        }
});
});