javascript - 无法将串联值附加到 div block 中的 customId

Question

问题是我无法将合并的内容添加到 customId 的 div block 中。下面是代码。

     var selectedTemplate;

        var selectedAssignment;

        var mergeValue;

        var divContent = "<div id='" + criterion.id + "' customId='" + mergeValue + "'                style='font-weight:bold; font-style:italic;'>" + criterion.expression + "&nbsp;&nbsp;&nbsp;&nbsp;" +
                      </div>\n";


    selectedTemplate   = $("#criteriaTemplate option:selected").val(); // 1st dropdown value
    selectedAssignment = $("#criteriaOptions option:selected" ).val(); // 2nd dropdown value

     mergeValue = selectedTemplate + selectedAssignment;

我正在尝试将合并内容附加到 block 中的 customID，但在浏览器中检查 InspectElement 时显示如下

    <div id="8a808088442eb48001442efe70f20010" customid="undefined" style="font-weight:bold; font-style:italic;">some Text here &nbsp;&nbsp;&nbsp;&nbsp;</div>

建议我一些解决方案

Answer 1

在使用变量之前，您必须先赋值 mergeValue = selectedTemplate + selectedAssignment;。

完整代码为:

    var selectedTemplate;            
    var selectedAssignment;            
    var mergeValue;                     

    selectedTemplate   = $("#criteriaTemplate option:selected").val(); // 1st dropdown value
    selectedAssignment = $("#criteriaOptions option:selected" ).val(); 

    mergeValue = selectedTemplate + selectedAssignment;      

    var divContent = "<div id='" + criterion.id + "' customId='" + mergeValue + "'                style='font-weight:bold; font-style:italic;'>" + criterion.expression + "&nbsp;&nbsp;&nbsp;&nbsp;" +
                              </div>\n";