JavaScript "missing ) after argument list"

Question

我正在尝试使用下面的 Javascript 片段在 View 中动态显示 DIV。但它给我这个错误 new:624 Uncaught SyntaxError: Missing ) after argument list 代码段中的这一行 $("#order_country"]).change(function() {

window.onload = function() {
 $("#order_country"]).change(function() {
  var val = $(this).val();
  $("#country_div").toggle(val == "us");
});
});

我真的找不到丢失的)，任何人都可以看一下这个，看看他们是否能找到它。

Answer 1

为了使线条动态出现和消失，您需要使用 javascript:

$(function() {
  $("#id-you-give-to-country_select"]).change(function() {
    var val = $(this).val();
    $("#id-you-give-to-div").toggle(val == "us");
  });
});

一个问题是，如果您将 :country (符号)与“US”(字符串)进行比较，则永远不会成功。

编辑

仅用于测试，您还可以在调用 toggle 之后添加 alert(val);，这样您就可以看到代码正在运行以及值是什么是。

编辑 - 此版本有效

首先，country-select在html中生成了一个ID，它是#order_country

然后我必须对代码进行一些调整，下面是工作版本

window.onload = function() {
  $("#order_country").change(function() {
    var val = $(this).val();
    $("#country_div").toggle(val == "US");
  });
};