Javascript jQuery基于下拉列表选项更改文本

您好，我正在寻找有关如何根据客户从下拉列表中选择的账户类型更改利率值的指导

表格：

现在的
储蓄
$（“#账户”）.change（函数（）{
风险值率=“0.6%”；
如果$（#acc_type）.val==（“当前”）{
比率=“0.6%”；
}如果$（#acc_type）.val==（“储蓄”）则为else{
比率=“0.8%”；
}
美元（利息）.val=利率；

---

我可以解释一下为什么这不起作用吗？

它不起作用，因为这是无效的JavaScript。使用类似于检查代码的工具查看错误

该代码中缺少许多

（

和

）

看这张照片

你看到你遗漏了什么吗？支票周围的（和）

现在jQuery val是一个方法，您没有调用方法。您需要（）。您也不能设置.val

您的选择器也错误，缺少引号

---

学习如何使用控制台！它将显示错误。

它不起作用，因为这是无效的JavaScript。请使用类似于检查代码的工具查看错误

该代码中缺少许多

（

和

）

看这张照片

你看到你遗漏了什么吗？支票周围的（和）

现在jQuery val是一个方法，您没有调用方法。您需要（）。您也不能设置.val

您的选择器也错误，缺少引号

---

学会使用控制台！它会显示错误。

JSHint不会验证代码。除此之外，它看起来像是绑定到

表单

更改，而不是

acc\u类型

更改

$("#acc_type").change(function() {

}

有效的JS代码：

$("#acc_type").change(function()
{
   var rate = "0.6%";
   if ($("#acc_type").val() == "current")
   {
      rate = "0.6%";
   } else if ($("#acc_type").val() == "savings")
   {
      rate = "0.8%";
   }

   $("#interest").val(rate);
});

---

JSHint不会验证您的代码。除此之外，您似乎是绑定到

表单

更改，而不是

acc\u类型

更改

$("#acc_type").change(function() {

}

有效的JS代码：

$("#acc_type").change(function()
{
   var rate = "0.6%";
   if ($("#acc_type").val() == "current")
   {
      rate = "0.6%";
   } else if ($("#acc_type").val() == "savings")
   {
      rate = "0.8%";
   }

   $("#interest").val(rate);
});

像这样的东西

$(#acc_type)

应该是

$('#acc_type')

像这样的东西

$(#acc_type)

应该是

$('#acc_type')

---

你的代码中有很多错误。我想我已经修复了下面的大部分错误

我还将代码包装到jquery的函数中，因此脚本不会在页面完全加载之前尝试添加事件等

$(document).ready(function() {
    $('#account').change(function() {
        var rate = "0.6%";
        if ($('#acc_type').val() == "current") {
            rate = "0.6%";
        } else if ($('#acc_type').val() == "savings") {
            rate = "0.8%";
        }
        $('#interest').val(rate);
    })
})

---

你的代码中有很多错误。我想我已经修复了下面的大部分错误

我还将代码包装到jquery的函数中，因此脚本不会在页面完全加载之前尝试添加事件等

$(document).ready(function() {
    $('#account').change(function() {
        var rate = "0.6%";
        if ($('#acc_type').val() == "current") {
            rate = "0.6%";
        } else if ($('#acc_type').val() == "savings") {
            rate = "0.8%";
        }
        $('#interest').val(rate);
    })
})

---

您有很多语法错误和使用jQuery函数和选择器的不当方式

$("#account").change(function() {
    var rate = "0.6%";
    if($('#acc_type').val() == "current") 
    {
        rate = "0.6%";
    }
    else if ($('#acc_type').val() == "savings") 
    {
        rate = "0.8%";
    }
    $('#interest').val(rate);
});  

您需要阅读更多关于JS语法、jQuery选择器和函数使用的信息

检查小提琴的更新

---

您有很多语法错误以及使用jQuery函数和选择器的不当方式

$("#account").change(function() {
    var rate = "0.6%";
    if($('#acc_type').val() == "current") 
    {
        rate = "0.6%";
    }
    else if ($('#acc_type').val() == "savings") 
    {
        rate = "0.8%";
    }
    $('#interest').val(rate);
});  

您需要阅读更多关于JS语法、jQuery选择器和函数使用的信息

检查小提琴的更新

在这里您可以发现您的JSFIDLE正在工作，您的旧代码中充满了拼写错误

---

在这里可以找到您的JSFIDLE正在工作，您的旧代码充满了拼写错误

您的代码中有大量错误。您的代码中有大量错误。是，还添加了

“使用严格”；

是，还添加了

“使用严格”

@SMKS\u ARTS您应该绑定到acc\u类型而不是帐户。@SMKS\u ARTS您应该绑定到acc\u类型而不是帐户。