2017-03-07 8 views
1

データベースからいくつかのクエリを作成しようとしており、国別にマップからフィルタを作成しようとしています。javascriptファイルにonclickで変数を送信する方法

iveは、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内の変数のクエリは、常にバックエラーと、それはすべてのデータを受け取っdidntのことをしています。

は、高度な

答えて

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>

+0

あなたはエリア内で値を転送しますdivの中に地図画像を作る意味ですか? –

+0

世界地図なので、複数のonclick関数を作成しなければなりません。 –

+0

いいえ、あなたの 'area'要素に' title'を使って、 'value'の代わりに値を保持することを意味します。ここの「div」は例にすぎません。あるいは単にdata- *属性を使うこともできます。 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-* – jered

関連する問題