Send multiple PHP variables to javascript function

Question

I'm trying to send multiple php variables to javascript function and I don't know how to achieve that. Any suggestions?

HTML code:

 <button class="btn btn-icon" type="button" data-toggle="modal" data-target="#modal-edit-category" data-toggle="tooltip" 
 onClick=(setSelectedCategoryId2({{$category->id}},{{ $category->name }})) >
    <span class="btn-inner--icon"><i class="fa fa-edit"></i></span>
 </button>

Javascript function:

function setSelectedCategoryId2(id,name){
   alert(id, name)
}

@Msencenb Uncaught ReferenceError: Product is not defined at HTMLButtonElement.onclick Product is the category name that i'm sending as a parameter — Devmasta
– Devmasta, Commented Nov 10, 2020 at 17:46

mplungjan · Accepted Answer · 2020-11-11 06:17:40Z

1

You mean this? Data-attributes are recommended over inline event handlers

document.querySelector("[data-toggle=modal]").addEventListener("click",function() {
  console.log(this.dataset.cat,this.dataset.name)
})

<button class="btn btn-icon" type="button" data-toggle="modal" data-target="#modal-edit-category" data-toggle="tooltip" 
data-cat="<?= $category->id ?>" data-name="<?= $category->name ?>">
    <span class="btn-inner--icon"><i class="fa fa-edit"></i></span>
 </button>

edited Nov 11, 2020 at 6:17

answered Nov 10, 2020 at 17:47

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

1 Comment

mickmackusa Over a year ago

I think as a matter of best practice, we should see some encoding here.

ronron · Accepted Answer · 2020-11-10 17:48:35Z

0

Your HTML code needs to be placed in a PHP file, then

onClick=(setSelectedCategoryId2({{$category->id}},{{ $category->name }}))

becomes

onClick="setSelectedCategoryId2('<?php echo $category->id; ?>','<?php echo $category->name; ?>')"

Avoid using ' in your php vars and that's done :)

answered Nov 10, 2020 at 17:48

ronron

91 bronze badge

1 Comment

mickmackusa Over a year ago

This will break if the php variable's text contains a single or double quote.

Collectives™ on Stack Overflow

Send multiple PHP variables to javascript function

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related