Razor View Page html按钮onclick属性将无法识别嵌套代码块中的变量

Question

为什么在此cshtml页面上无法在此js函数的上下文中识别id变量：

    function btnDowClick(idE) {
        var id = "#Dow" + idE + " ";
        var id2 = 1;
        $(id).html("<input id='inpDow' class='form-control' onclick='' class='aDow'></input>" +
        "<button id='btnCancel' class='btn btn-primary' onClick='btnCancelOnClick(@(id2))'>Cancel</button>");
    }
    function btnCancelOnClick(id) {
        //turn <input> and <button> back into <a>
    }

Answer 1

尝试像这样使用

var id = "Dow" + idE + " ";
    $("#"+id).html("<input id='inpDow' class='form-control' onclick='' class='aDow'></input>" +
    "<button id='btnCancel' class='btn btn-primary' onClick='btnCancelOnClick(@(id))'>Cancel</button>");

Answer 2

对不起......现在我明白了 试试这个

   function btnDowClick(idE) {
    var id = "#Dow" + idE + " ";
    var id2 = 1;
    $(id).html("<input id='inpDow' class='form-control' onclick='' class='aDow'></input>" +
    "<button id='btnCancel' class='btn btn-primary' onClick='btnCancelOnClick("+id+")'>Cancel</button>");
}
function btnCancelOnClick(id) {
    //turn <input> and <button> back into <a>
}