Pass multiple values with onClick in HTML link

Question

Hi Im trying to pass multiple values with the HTML onclick function  Im using Javascript to create the Table  var user   element UserName  var valuationId   element ValuationId      ValuationAssignedTable   append   lt tr gt   lt td gt  lt a href   onclick  return ReAssign       valuationId         user         gt Re-Assign lt  a gt   lt  td gt    lt  tr gt       But in my Javascript function the userName is undefined and the valuationId is a string with the valuationId and the UserName combined  function ReAssign valautionId  userName        valautionId      userName

User · Answer

Name       row  Name           Val1       row  Val1           Year       row  Year           Month      row  Month          echo   lt button type  button    onclick  fun    Id      Val1      Year      Month      Id        gt submit lt  button gt

User · Answer

Solution  Pass multiple arguments with onclick for html generated in JS     For html generated in JS   do as below  we are using single quote as   string wrapper     Each argument has to wrapped in a single quote else   all of yours argument will be considered as a single argument like   functionName  a b     now its a single argument with value a b       We have to use string escape character backslash   to close first argument   with single quote  give a separator comma in between and then start next argument with a   single quote   This is the magic code to use            Example       ValuationAssignedTable   append   lt tr gt   lt td gt  lt a href   onclick  return ReAssign       valuationId             user         gt Re-Assign lt  a gt   lt  td gt    lt  tr gt

User · Answer

A few things here     If you want to call a function when the onclick event happens  you ll just want the function name plus the parameters   Then if your parameters are a variable  which they look like they are   then you won t want quotes around them  Not only that  but if these are global variables  you ll want to add in  window   before that  because that s the object that holds all global variables   Lastly  if these parameters aren t variables  you ll want to exclude the slashes to escape those characters  Since the value of onclick is wrapped by double quotes  single quotes won t be an issue  So your answer will look like this      lt a href   onclick  ReAssign  valuationId   window user   gt Re-Assign lt  a gt    There are a few extra things to note here  if you want more than a quick solution   You looked like you were trying to use the   operator to combine strings in HTML  HTML is a scripting language  so when you re writing it  the whole thing is just a string itself  You can just skip these from now on  because it s not code your browser will be running  just a whole bunch of stuff  and anything that already exists is what has special meaning by the browser    Next  you re using an anchor tag link that doesn t actually take the user to another website  just runs some code  I d use something else other than an anchor tag  with the appropriate CSS to format it to look the way you want  It really depends on the setting  but in many cases  a span tag will do  Give it a class  like class  runjs   and have a rule of CSS for that  To get it to imitate a link s behavior  use this    runjs       cursor  pointer      text-decoration  underline      color  blue      This lets you leave out the href attribute which you weren t using anyways   Last  you probably want to use JavaScript to set the value of this link s onclick attribute instead of hand writing it  It keeps your page cleaner by keeping the code of your page separate from what the structure of your page  In your class  you could change all these links like this     var links   document getElementsByClassName  runjs    for var i   0  i  lt  links length  i        links i  onclick   function     ReAssign  valuationId   window user        While this won t work in some older browsers  because of the getElementsByClassName method   it s just three lines and does exactly what you re looking for  Each of these links has an anonymous function tied to them meaning they don t have any variable tied to them except that tag s onclick value  Plus if you wanted to  you could include more lines of code this way  all grouped up in one tidy location

User · Answer

That is because you pass string to the function  Just remove quotes and pass real values    lt a href   onclick  return ReAssign valuationId  user   gt Re-Assign lt  a gt    Guess the ReAssign function should return true or false

User · Answer

enclose each argument with backticks      example   lt button onclick  quot updateById  id    name   quot  gt update lt  button gt   function updateById id  name       alert id   name

User · Answer

Please try this  for static values--onclick  return ReAssign  valuationId   user    for dynamic values--onclick  return ReAssign valuationId user

User · Answer

If valuationId and user are JavaScript variables  and the source code is plain static HTML  not generated by any means  you should try    lt a href   onclick  return ReAssign valuationId user   gt Re-Assign lt  a gt    If they are generated from PHP  and they contain string values  use the escaped quoting around each variables like this    lt  php     echo   lt a href   onclick  return ReAssign        valuationId              user         gt Re-Assign lt  a gt      gt    The logic is similar to the updated code in the question  which generates code using JavaScript  maybe using jQuery    don t forget to apply the escaped quotes to each variable   var user   element UserName  var valuationId   element ValuationId      ValuationAssignedTable   append   lt tr gt   lt td gt  lt a href   onclick  return ReAssign       valuationId             user         gt Re-Assign lt  a gt   lt  td gt    lt  tr gt       The moral of the story is   someString      otherString       yetAnotherString          Will get evaluated as   someString  otherString yetAnotherString      Whereas you would need   someString  otherString   yetAnotherString

User · Answer

function ReAssign valautionId  userName       var valautionId     var userName   alert valautionId    alert userName         lt a href   onclick  return ReAssign  valuationId   user    gt Re-Assign lt  a gt

[javascript] Pass multiple values with onClick in HTML link

Examples related to javascript

Examples related to html