Pass var using onClick with function name of JS

Question

I'm trying to pass 2 variable using onClick inside of <a> tag

Here's my code:

 <a onClick="pbDiv(id=1);">Enter</a>

 <script>

 function pbDiv(id){
 alert(id);
 }

 </script>

This works perfectly as it should be.

But the problem is I need to pass 2 variable

Example of variable

id=1

name=myname

inside of onClick

Is that even possible?

tried this one onClick="pbDiv(id=1,name=name);"

seems not working to me.

Don't pass the argument name, just pass the argument value. pbDiv(1, 'foo') But even better, avoid inline listeners entirely — CertainPerformance
– CertainPerformance, Commented Sep 20, 2019 at 7:49
By defining arguments for the function (like you already are for id) — CertainPerformance
– CertainPerformance, Commented Sep 20, 2019 at 7:51

Rickard Elimää · Accepted Answer · 2019-09-20 07:55:32Z

1

In javascript, you define the name as an argument, and never pass in the name of the argument as a parameter. TypeScript (a version of javascript) does this, however.

 function pbDiv(id, name){
   alert("id: " + id + ", name: " + name);
 }

 <a onclick="pbDiv(1, 'foo');" href="#">Enter</a>

answered Sep 20, 2019 at 7:55

Rickard Elimää

7,6763 gold badges18 silver badges36 bronze badges

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

2 Comments

Pablo Over a year ago

Uncaught ReferenceError: foo is not defined at HTMLTableRowElement.onclick (3:1) im getting this error when I tried to put the onclick on table tr

Rickard Elimää Over a year ago

Did you forget the single quotation marks around foo? So that the parameter becomes a string instead of a variable.

xdeepakv · Accepted Answer · 2019-09-20 07:57:12Z

1

Pass object instead

<a onClick="pbDiv(options={id:1, name: 'deepak'});">Enter</a>
<script>
  function pbDiv(options) {
    alert(options.id + options.name);
  }
</script>

answered Sep 20, 2019 at 7:57

xdeepakv

8,1452 gold badges25 silver badges35 bronze badges

Collectives™ on Stack Overflow

Pass var using onClick with function name of JS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related