javascript变量的HTTP输入仍然未定义

Question

好的，所以我对javascript还是很陌生，我正在为自己的实习工作在Web应用程序的前端，这完全让我感到困惑。

我有一个select和一个input元素，这两个元素都输入到数据库的消息模型中通过.POST（）进行调用。 我已经在项目中的其他脚本中完成了此操作，但是无论我如何尝试分配值，在这里它都不起作用。

这是代码：

var cctOldSelect = document.getElementById("ConceptToCopy");
var cctOld = cctOldSelect.options[cctOldSelect.selectedIndex].value;
var cctNew = document.getElementById('NewConceptName').value;
console.log("cctOld: " + cctOld + "; cctNew: " + cctNew);
if (cctOld !== "" && cctNew !== "") {
    console.log("model creation started.");
    var model = {
        p_cct_code_old: cctOldSelect.options[cctOldSelect.selectedIndex].value,
        p_cct_code_new: document.getElementById('NewConceptName').value,
        p_specialty_layout: null
    };
    console.log("model creation ended.");
}
console.log("cctOld model: " + model.cctOld + "; cctNew model: " + model.cctNew);

输出：

cctOld: 1020H; cctNew: 1021H
model creation started.
model creation ended.
cctOld model: undefined; cctNew model: undefined

我尝试了多种方法：

p_cct_code_Old: $scope.<ElementID>  //both with and without .value
p_cct_code_Old: document.getElementById(<ElementID>)    
var cctOld = document.getElementById(<ElementID>); p_cctOld: cctOld

都不起作用。 为什么不分配值？

Answer 1

这种情况下的问题是，您创建了一个名为“模型”的新对象，并具有两个名为“ p_cct_code_old”和“ p_cct_code_new”的属性，然后您试图访问两个超出范围的属性“ cctOld”和“ cctNew”。

当您尝试访问不存在的属性时，JS解释器不会引发错误，而是会返回未定义的值。

我建议使这些东西起作用的是：

var model = {};
var cctOldSelect = document.getElementById("ConceptToCopy");
var cctOld = cctOldSelect.options[cctOldSelect.selectedIndex].value;
var cctNew = document.getElementById('NewConceptName').value;
console.log("cctOld: " + cctOld + "; cctNew: " + cctNew);
if (cctOld !== "" && cctNew !== "") {
    console.log("model creation started.");
    model.p_cct_code_old = cctOldSelect.options[cctOldSelect.selectedIndex].value;
    model.p_cct_code_new = document.getElementById('NewConceptName').value;
    model.p_specialty_layout: null;
    console.log("model creation ended.");
}
console.log("cctOld model: " + model.p_cct_code_old + "; cctNew model: " + model.p_cct_code_new);

告诉我该解决方案是否对您有帮助！