Home / Questions / 30314
Accepted
Jorius
Asked: 2020-10-28 18:35:02 +0800 CST 2020-10-28 18:35:02 +0800 CST

Problem with quotes when passing argument in a function inside an onclick

  • 772

I have this variable injavascript

var ACTIONS =
    "<div class='btn-group' role='group'>" +
        "<a class='btn btn-xs btn-primary' href='/users/show/edit/" + row.id + "'>Edit</a>"+
        "<a class='btn btn-xs btn-success' href='/users/show/read/" + row.id + "'>Show</a>"+
        "<a class='btn btn-xs btn-danger' onclick='destroyUser('" + row.name + "');' >Delete</a>"+  // <-- Mi problema es aquí
    "</div>";

When the document finishes loading when inspecting the element it shows me like this: enter image description here

It should show me like this:onclick="destroyUser('jhon doe');"

How can I correct this?

javascript

1 Answers

  1. Best Answer

    You can replace the current quotes with doubles in the attribute value and "escape" those quotes:

    var row = {id:1, name:'John'};

var actions =
    "<div class='btn-group' role='group'>" +
        "<a class='btn btn-xs btn-primary' href='/users/show/edit/" + row.id + "'>Edit</a>"+
        "<a class='btn btn-xs btn-success' href='/users/show/read/" + row.id + "'>Show</a>"+
        "<a class='btn btn-xs btn-danger' onclick=\"destroyUser('" + row.name + "');\" >Delete</a>"+
    "</div>";

document.write(actions);

    • 0