JavaScript，如何預填充輸入字段？

Question

我正在嘗試使用一些 JavaScript 作為復選框。 當用戶激活復選框時，將顯示兩個字段（這將很快隱藏）。

到目前為止，這是復選框的 JavaScipt：

    <script>
        function myFunction(cbox) {
            if (cbox.checked) {
                var input = document.createElement("input");
                input.type = "text";
                var div = document.createElement("div");
                div.id = cbox.name;
                div.innerHTML = "Text to display for " + cbox.name;
                div.appendChild(input);
                document.getElementById("insertinputs").appendChild(div);
            } else {
                document.getElementById(cbox.name).remove();
            }
        }
    </script>

正如您所看到的，當用戶單擊該框時，它將顯示一個輸入框，但是，我似乎無法預先填充該框。 我的意思是，在 javascript 女巫記錄用戶身份之前，我使用了 HTML 標簽。

        <input id="CheckedAndVerifiedBy" value="@User.Identity.Name" />

我希望在 javascript 中發生同樣的事情，請幫忙。

Answer 1

input.value = "Prefilled!"

或類似的東西

Answer 2

如果我理解正確，那么您嘗試在附加輸入之前給輸入一些值。

做就是了：

  ...
  input.type = "text";
  input.value = cbox.name;
  var div = document.createElement("div");
  ...

Answer 3

您隨時都不會為input分配值

Answer 4

document.getElementById('your_inpute_fied_id').setAttribute('value', 'the_value_you_wanna-set_to_it');