Pass 2 values to a javascript function

Question

I am trying to pass 2 values to a javascript xmlHttp request. The values are being passed to the javascript function. I was successfully passing a single value to the javscript function, but now I need to pass 2 values. The bold value is a string name I want in the javascript.

 echo "<a href='#' class='thumb'><img class='thumb-img' value = ".$row->aid." onclick='getVote(".$row->aid.", **".$row->atitle."**)' src='images/roadies/th".$row->aid.".jpg' />    </a>";

One is an int and the other is a string.

In the javascript, I am not sure how to receive these values. Earlier I used to do this:

function getVote(int)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    value = int;

for a single value. But now since there are 2 values to process, I don't know how to write the function for it. I am currently (unsuccessfully) trying this:

function getVote(int, name)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    value = int;
    name= char;

Please tell me how to do it?

no i dont want to send it to the server. i just need it in the javascript file. post updated. — amit
– amit, Commented Dec 20, 2009 at 19:56

Roland Bouman · Accepted Answer · 2009-12-20 20:03:16Z

If I understand correctly, your question is simply: how do javascript functions receive multiple arguments?

This is easy, just separate them by a comma in your function declaration, and pass multiple values, again separated by comma in the function call:

function myFunc(one, two) {
    alert(one); alert(two);
}

myFunc(1,2);

If you don't know in advance how many arguments to pass/receive, just declare the function without arguments, and use the built-in arguments array inside the function definition:

function myFunc(){
    for (var i=0, numArgs = arguments.length; i<numArgs; i++){
        alert(arguments[i]);
    }
}

The approach above is nice if you need to pass a list of values that are all equal, but when you have to deal with multiple arguments and some of them are optional, a better approach is to pass an object literal, and add the 'arguments' as properties:

function myFunc(obj){
    if (typeof(obj.arg1)!="undefined") {
        ....
    }
    if (typeof(obj.arg2)!="undefined") {
        ....
    }
    ...more handling...
}

myFunc({
    arg1: "one"
,   arg2: "two"
,   ...more properties...
});

Yuliy · Accepted Answer · 2015-02-14 21:17:15Z

17

You probably want to enclose the title in quotes. Let's say you have a row with aid 123 and title Hello World. You want to have onclick="getVote(123,'Hello World')"

edited Feb 14, 2015 at 21:17

answered Dec 20, 2009 at 19:59

Yuliy

17.8k6 gold badges43 silver badges47 bronze badges

2 Comments

amit Over a year ago

i was just reading the same on daniweb. thanks a lot. stackoverflow is a great resource.

Tim Over a year ago

I know this is an old post/answer, but your answer calling out that text must be surrounded by single bar quotes is what saved my bacon. Short and sweet, but resolved my issue. Thanks.

Lucas Jones · Accepted Answer · 2009-12-20 19:57:56Z

1

In JavaScript, you don't need to declare variable types in parameter lists. So, your function would be:

function getVote(myInt, name) {

Make sure, though, when sending your value to the server, use myInt.toString() instead of just myInt, as you did with name.

answered Dec 20, 2009 at 19:57

Lucas Jones

20.3k9 gold badges77 silver badges89 bronze badges

Comments

Itay Moav -Malimovka · Accepted Answer · 2009-12-20 19:58:23Z

1

function getVote(int, name)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
   alert(int);
   alert(name);
}

This variables are all ready defined in your function once you get them as parameters.
My code will alert them to show you they are deined

answered Dec 20, 2009 at 19:58

Itay Moav -Malimovka

53.8k68 gold badges198 silver badges292 bronze badges

Collectives™ on Stack Overflow

Pass 2 values to a javascript function

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related