javascript - 在 jQuery 选择中合并两个 var

标签 javascript jquery html

我正在尝试使用 jQuery 从下拉列表中获取两个选定值并能够成功检索到这些值。问题是我无法合并检索到的内容。下面是代码。

    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;" +
                  "<a href='#' onclick=\"removeCriterion('" + criterion.id +
                  "')\"><spring:message code="form.text.criteria.remove"/></a></div>\n";


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

alert("this is the Assignment value in add block: " + selectedAssignment); // success
alert("This should be the template in add block: "  + selectedTemplate);   // success

 //mergeValue = $(selectedTemplate,selectedAssignment);
 mergeValue = selectedTemplate.add(selectedAssignment); // unable able to merge the content

 alert("This is the value of the merge content in the add block: "+mergeValue); // alert is also not generated

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

<div id="8a808088442eb48001442efe70f20010" customid="undefined" style="font-weight:bold; font-style:italic;">some Text here &nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="removeCriterion('8a808088442eb48001442efe70f20010')">Remove</a></div>

建议我一些解决方案

最佳答案

如果您想将两个值连接成一个字符串,请使用+运算符:

mergeValue = selectedTemplate + selectedAssignement;

结果是:

mergeValue = "SomeTemplateSomeAssignement"

如果你想将它们都放在一个数组中,只需将它们分配给一个数组:

mergeValue = [selectedTemplate, selectedAssignement]

或者

mergeValue = [];
mergeValue.push(selectedTemplate);
mergeValue.push(selectedAssignement);

结果是:

mergeValue = [
    "SomeTemplate",
    "SomeAssignement"
]

关于javascript - 在 jQuery 选择中合并两个 var,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21771622/

相关文章:

javascript - 如何在纯 JavaScript 中切换元素的类?

JavaScript 函数数组 : Pass each function as parameter to another function

javascript - JavaScript 中匿名回调的冗余 JSDoc @return

javascript - 单击底部并返回原始位置时动画 div

javascript - 在不同域上动态加载样式表在 Firefox 中不起作用

html - 嵌套在 ng-virtual-repeat 中的 Ng-Repeat 不起作用

javascript - AngularJS 中的循环依赖和 OOP 问题

javascript - slider 中的图像数 (1/10)

javascript - 在 Javascript 字符串中查找 <img> 标签的 src 属性值

html - 表格标题的CSS,即使是奇数行?