如何使用onclick将变量发送到javascript文件

Question

我试图从数据库中进行一些查询并尝试根据国家/地区从地图中进行过滤。

我编写了java脚本代码，它也正常工作并查询php文件。 我的问题是如何使用onclick函数发送一个名称来启动查询。 显示的问题始终是查询变量为空。 代码如下：

<map name="Map" id="Map">
<area shape="poly" coords="948,4,454,927,452,932,454" value="USA" onclick="getCountry(this.value)" />

和javascript代码工作正常：

function getCountry(value){

  $.post("search.php"
    , 
    {query:value},
    function(data) {
         $('#results').html(data);
      });

}

search.php中的变量查询总是返回错误，表示它没有收到任何数据。

先谢谢你

Answer 1

value不是area元素的有效属性，因此您无法使用它。您可以尝试使用title，这是所有HTML元素都可以使用的global attribute。

function bar(d){
  alert(d);
}

<div style='width: 50px; height: 50px; background: red;' title='FOO' onclick='bar(this.title)'></div>