Passing Parameters - Dynamic HTML with JavaScript Function

Question

I have a javascript function that dynamically builds a table. I have a function that gets called once a button inside of that table is clicked.

var bankButtonRefresh = '<a href="javascript:void(0)" onClick="refreshBankDataFunction('+parentId+')" 
class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>';
row +='<td style="position:relative">' + bankButtonRefresh2 + '</td>';

When I printed out the value of bankButtonRefresh2 the value is:

<a href="javascript:void(0)" onClick="refreshBankDataFunction(a34c0000000jiecccA)" 
class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>

So I can see that the parentId is passing incorrectly.

I am not trying to do anything fancy, I am just trying to get the Id passed to the function but I am getting no response from the button when I click on it.

function refreshBankDataFunction(obj){ //obj is the parentId
      alert('got into the function: ' + obj);
}

Am I not passing the parentId correctly?

There is no type that matches a34c0000000jiecccA. Did you mean to wrap that in quotes? — Joseph Marikle
– Joseph Marikle, Commented May 12, 2017 at 21:53
@Olivia, Joseph means it will work if you do this: refreshBankDataFunction('a34c0000000jiecccA') — Adrianopolis
– Adrianopolis, Commented May 12, 2017 at 21:57
If you leave it without quotes, JS will think it's a variable and not an actual value — Lixus
– Lixus, Commented May 12, 2017 at 21:57
I see. the only issue with that is the HTML reads the parentId as a string if I do that: onchange="refreshBankDataFunction('+ ''' + parentId + ''' +')" — Olivia
– Olivia, Commented May 12, 2017 at 22:00

Tom el Safadi · Accepted Answer · 2017-05-12 21:58:23Z

1

Try this:

var bankButtonRefresh = '<a href="javascript:void(0)" onClick="refreshBankDataFunction({param:'+parentId+'})" class="btn-sm btn-primary permissionDeny pull-right" role="button">Refresh</a>';


function refreshBankDataFunction(obj){ //obj is the parentId
      alert('got into the function: ' + obj.data.param);
}

answered May 12, 2017 at 21:58

Tom el Safadi

6,9167 gold badges58 silver badges121 bronze badges

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

2 Comments

Olivia Over a year ago

thank you, I updated my action from onChange to onClick and this fix worked!

Tom el Safadi Over a year ago

I am glad you got it working:) Please accept an answer in order to close the question.

Adrianopolis · Accepted Answer · 2017-05-12 22:00:47Z

0

Where you are building your link add an extra set of wrapping single quotes such as: onClick="refreshBankDataFunction(''+parentId+'')"

answered May 12, 2017 at 22:00

Adrianopolis

1,2921 gold badge11 silver badges15 bronze badges

Collectives™ on Stack Overflow

Passing Parameters - Dynamic HTML with JavaScript Function

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