jQuery根据下拉列表选项更改文本

Question

您好，我正在寻找有关如何根据客户从下拉菜单中选择哪种帐户来更改利率值的指南。

形成：

<form id="account" action="" method="post">
<select id = "acc_type">
<option value="current">Current</option>
<option value="savings">Savings</option>
</select>

<input type="text" id="interest" value="">

</form>

<script>
$("#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;
</script>

http://jsfiddle.net/rmjKV/我可以对为什么这不起作用有一些解释吗？

Answer 1

它无效，因为那是无效的JavaScript。 使用JSLInt之类的工具检查您的代码以查看错误。

您在该代码中缺少许多(和) 。

查看MDN上的if语句

if (cipher_char == from_char) {
   result = result + to_char;
   x++;
} else {
   result = result + clear_char;
}

你看到你所缺少的吗？ 支票周围的（和）。

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

jQuery val（）的文档

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

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

Answer 2

您有很多语法错误，并且使用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选择器以及函数使用的更多信息

检查小提琴更新http://jsfiddle.net/sedz/rmjKV/2/

Answer 3

JSHint不会验证您的代码。 除此之外，看起来您正在绑定到form更改而不是acc_type更改。

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

http://jsfiddle.net/rmjKV/5/

Answer 4

像这样的东西

$(#acc_type)

应该

$('#acc_type')

Answer 5

您的代码中有许多错误。 我想我已经在下面修复了大多数问题。

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

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

Answer 6

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

在这里找到http://jsfiddle.net/rmjKV/8/您的jsFiddle工作正常，您的旧代码充满了错别字