Quotes in Javascript

Question

I have been trying for hours to fix this code, I can't see what's wrong:

document.getElementById('detail'+num).innerHTML='<a class="dobpicker" href="javascript:NewCal('+s_d+','+ddmmyy+')">'

The problem is in href="javascript ..." s_d is a javascript variable defined as

var num = 2;
var s_d = "sname"+num;
var ddmmyy = "ddmmyy";

Basically I need to call a javascript function with different parameter each time.

Answer 1

Use a backslash like \'.

document.getElementById('detail'+num).innerHTML=
 '<a class="dobpicker" href="javascript:NewCal(\''+s_d+'\',\''+ddmmyy+'\')">'

Answer 2

Since this is the value of a href attribute, HTML encode them:

document.getElementById('detail'+num).innerHTML='<a class="dobpicker" href="javascript:NewCal(&quot;'+s_d+'&quot;,&quot;'+ddmmyy+'&quot;)">'

Or better yet don't use the javascript: protocol:

[0,1,2,3,4,5].forEach(function(num) {
    var s_r = "sname"+num;
    var ddmmyy = "ddmmyy";
    var aEl = document.createElement("a");
    aEl.className = "dobpicker";
    aEl.onclick = function() {
        NewCal(s_d, ddmmyy);
    }
    document.getElementById('detail'+num).appendChild(aEl);
});