javascript - JavaScriptを使用して非表示のフォームフィールドに変数を渡す

Question

非表示のフォームフィールド値を渡すために、次のコードの代替案を誰かが提案できますか？提案を事前に感謝します

//Working Fine but breaks some forms
document.write("<INPUT TYPE=\"hidden\" id=\"Field1\" name=\"Field1\" VALUE=\"" + VarXYZ + "\">\r\n");

Answer 1

アプローチが悪い。最初は、すべての DOM 要素の読み込みが完了するまで要素に触れないでください。

DOM要素がロードされている場合は、次のようにします。

document.getElementById('Field1').value = VarXYZ;
document.getElementById('Field2').value = VarABC;

読み込まれたドキュメントの扱い方については、一部のブラウザで違いがあります。したがって、jQuery またはいくつかの便利なライブラリを使用することをお勧めします。最も簡単な方法は次のとおりです。

window.onload = function() {
    document.getElementById('Field1').value = VarXYZ;
    document.getElementById('Field2').value = VarABC;
}