javascript - Uncaught ReferenceError 为 : var not defined

Question

我有一张包含城市的表格，您可以对它们投赞成票和反对票。根据您单击的按钮，隐藏的输入会采用这个或那个值，我通过 JavaScript 进行管理。但函数调用好像有问题。

这是 HTML:

<td><span class="icon icon-thumbs-down cursor" onclick="downvote(Hamburgo, 24)"></span></td>

这里是虚拟函数:

function upvote(ciudad, user_id)
{
    document.write("aa"); // this doesn't even work
    //$("#voto-positivo").attr("value", ciudad);
    //$("#usuario").attr("value", user_id);
    //$('#form-votar').submit();
}

function downvote(ciudad, user_id)
{
    $("#voto-negtivo").attr("value", ciudad);
    $("#usuario").attr("value", user_id);
    $('#form-votar').submit();
}

函数的第一个值是在 php 循环中获取的，第二个值是用户的 id，一切正常。

使用 Google Chrome 时，我收到以下错误:

Uncaught ReferenceError: Hamburgo is not defined votar:59

onclick

如果需要说明的话，是的，JavaScript 源已加载。

Answer 1

您需要将 Hamburgo 括在引号中，否则它将在全局范围内查找具有该名称的变量，而您没有该变量，并且会收到此错误。

onclick="downvote('Hamburgo', 24)"

只需使用val

function downvote(ciudad, user_id){
    $("#voto-negtivo").val(ciudad);
    $("#usuario").val(user_id);
    $('#form-votar').submit();
}

顺便说一句，避免使用内联处理程序并通过 JavaScript 注册事件。

示例:

<td>
   <span class="icon icon-thumbs-down cursor" data-ciudad = "Hamburgo" data-userid="24">
   </span>
</td>

和

 $(function(){
   $('.icon-thumbs-down').click(function(){
        var $this = $(this);
        $("#voto-negtivo").val($this.data('ciudad'));
        $("#usuario").val($this.data('userid'));
        $('#form-votar').submit();
   });
 });