How do I pass a text value that contains an apostrophe to a javascript function

Question

I'm using the onclick event to populate an input tag dynamically, the onclick is constructed server side with database values. It works great until the value I'm passing contains an apostrophe. The function never fires because the delimiters in the HTML conflict. Any help appreciated.

    <span  onclick='putHName("DANCER'S CALL");'>
       DANCER'S CALL
    </span>

    function putHName(hname) {
document.getElementById("HorseName").value=hname;
document.getElementById('HorseName').focus();
    }

score 1 · Accepted Answer · answered Jun 21 '17 at 16:46

1

Change your quotations around and escape the single quote using \:

onclick="putHName('DANCER\'S CALL');"

answered Jun 21 '17 at 16:46

BenM

52,573
26
113
168

How do I pass a text value that contains an apostrophe to a javascript function

1 Answers1