Passing multiple onClick parameters using div.innerHTML

Question

I want to pass multiple parameters to a function that is called via onClick. Here is the code:

 div.innerHTML += '<input type="button" name="back" id="back" value="Back" onClick="homeForm(\'' + form,divName + '\')" />';

function homeForm(form,divName){
//do something   

}

This works with one parameter but not two:

 div.innerHTML += '<input type="button" name="back" id="back" value="Back" onClick="homeForm(\'' + form + '\')" />';

Could someone post a working method for this, or perhaps a cleaner way?

Try 'onClick="homeForm(\'' + form,divName + '\')"' in the console and see what happens. Then work from there. If you want to learn how to properly bind event handlers, have a look at quirksmode.org/js/introevents.html — Felix Kling
– Felix Kling, Commented Sep 9, 2014 at 4:46
Thanks Felix. That site looks pretty informative. I will check it out. — shumway21
– shumway21, Commented Sep 9, 2014 at 5:48

shumway21 · Accepted Answer · 2014-09-11 05:36:38Z

4

So in the end this code was the only one that worked for me. I'm posting it here in case someone else needs it:

 div.innerHTML += '<input type="button" name="back" id="back" value="Back"    onClick="homeForm(\''+myForm+'\',\''+divName+'\')" />';

answered Sep 11, 2014 at 5:36

shumway21

793 silver badges11 bronze badges

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

Comments

Pramod S. Nikam · Accepted Answer · 2014-09-09 04:45:08Z

2

Try below, Don't escape it. Concatenate params properly. like below:

div.innerHTML += '<input type="button" name="back" id="back" value="Back" onClick="homeForm(' + form  + ',' + divName + ')" />';

answered Sep 9, 2014 at 4:45

Pramod S. Nikam

4,5628 gold badges41 silver badges66 bronze badges

Comments

Bharat Ranpariya · Accepted Answer · 2024-05-21 08:48:39Z

2

If you’re trying to pass data from a element to an onclick function, a straightforward approach is to pass the IDs of both elements. Then, within the function, retrieve the values associated with those IDs. This makes it easier to handle and evaluate the data.

div.innerHTML += '<input type="button" name="back" id="back" value="Back" onClick=\'homeForm("formId","divId")\' />';

function homeForm(formId,divId)
{
       console.log($("#"+formId));
       console.log($("#"+divId));
}

edited May 21, 2024 at 8:48

answered Sep 9, 2014 at 5:57

Bharat Ranpariya

1,27314 silver badges23 bronze badges

Comments

user3413723 · Accepted Answer · 2014-09-09 04:46:47Z

0

Easy! It looks like you have forgotten that the comma between form and divName should be enclosed in quotes. Instead of

...' + form,divName + '...

do

...' + form + ',' + divName + '...

answered Sep 9, 2014 at 4:46

user3413723

12.5k6 gold badges62 silver badges72 bronze badges

Collectives™ on Stack Overflow

Passing multiple onClick parameters using div.innerHTML

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related