來自文本輸入的未定義值

Question

我知道使用簡單的解決方案可能是一個非常簡單的問題，但是我對js和jquery還是陌生的。 我在html中有一個div，並在js中創建了它：

$("#Data").html(`
    <div>
        A: <input type="text" id="A1"/>
    </div>
    <div>
        B <input type="text" id="B2"/>
    </div>
    <div>
        C <input type="text" id="C"/>
    </div>
    <div>
        <input type="button" id="button1" value="Submit" onclick="submit1()"/>
    </div>
`);

同樣，設置A1和B2的值（取決於檢查的無線電和選擇的選項）。 當我嘗試獲取C的值（帶有警報）時，它似乎未定義。 這是為什么？

var C=$("#C").val();
alert("A="+A+" B2="+B2+" C="+C);

A1和B2很好（是嗎？）。

這是我完成的代碼，其中包含所有這些下拉列表和收音機JSFiddle

Answer 1

您的分配“ var C = $（“＃C”）。val（）;“ 不是函數，而是腳本的根目錄。

加載腳本后，將在解釋腳本時執行該腳本。 目前（頁面加載），C沒有任何價值，因為您的輸入仍不在DOM中。

您需要在每次提交時在您的方法“提交”中獲取此值。

該分配不是綁定，因此，每次要讀取輸入值時，都需要更新C的值。

Answer 2

您的問題是您試圖在功能之外獲取輸入的值，但是這些部分在實例化時運行，而不是在單擊按鈕時運行。

因此，當頁面加載時，這些值當然是不確定的，因為您獲取的是空輸入的值。 您需要正確地將值拉入您的Submit函數。 如果要使用全局變量，則需要這樣聲明它們，以便可以對其進行更新。