Pass a parameter to existing onClick JS function

Question

Very basic question, but how can I add/populate a parameter to the onClick function of an HTML element?

<a onClick="someFunction()" id="testLink">Some function</a>

//PSEUDO CODE
var someFunctionParam = document.getElementById('testLink');
someFunctionParam.addParameter(someParam);

Obviously "addParameter" isn't a valid method in Javascript, can anyone guide on how to do so?

roshiro · Accepted Answer · 2014-03-13 13:42:53Z

1

The best way in my opinion is to rewrite you JS to something like this:

<a onclick="aNewFunction()" id="testLink">Some function</a>


function aNewFunction() {
  // Invoke your existing function here;
  someFunction();

  //PSEUDO CODE
  var someFunctionParam = document.getElementById('testLink');
  someFunctionParam.addParameter(someParam);
}

answered Mar 13, 2014 at 13:42

roshiro

7801 gold badge5 silver badges9 bronze badges

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

Comments

Amit Joki · Accepted Answer · 2014-03-13 13:49:54Z

1

Best way I would think of is

$(function () {
    var parameter='Joe Root';
    var functionName = $('#testLink').attr("onclick");
    $('#testLink').attr("onclick",
    functionName.replace('()', "('" + parameter + "')"));
    alert($('#testLink').attr("onclick"));
});

function someFunction(name) {
    alert("Hi " + name);
}

As, you can see, this works http://jsfiddle.net/hXpSN/1/

answered Mar 13, 2014 at 13:49

Amit Joki

59.4k7 gold badges80 silver badges97 bronze badges

Collectives™ on Stack Overflow

Pass a parameter to existing onClick JS function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related