how to send variable with onclick to javascript file

Question

Iam trying to make some queries from database and trying to make filter from a map according to the country.

ive written the java script code and it works normaly and query php file as well. my problem just how to send a name with onclick function to start the query. the shown problem is always that the query variable is empty. the code as following :

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

and javascript code which works fine:

function getCountry(value){

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

}

the variable query in search.php comes always back with error that it didnt recieved any data.

thank you in advanced

jered · Accepted Answer · 2017-03-07 19:49:59Z

1

value is not a valid property for the area element so you can't use that. You could try title instead, which is a global attribute available to all HTML elements.

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

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

answered Mar 7, 2017 at 19:49

jered

11.6k2 gold badges26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user7555530 Over a year ago

you mean make the map picture in the div which will forward the value inside the area ?

user7555530 Over a year ago

i have to make more than one onclick function because it is a world map.

jered Over a year ago

No, I mean use title on your area elements to hold the value instead of value. The div here was only for example. Or you could simply use data-* attributes. developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…*

Collectives™ on Stack Overflow

how to send variable with onclick to javascript file

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related