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);

告訴我該解決方案是否對您有幫助！