JavaScript,如何预填充输入字段?

时间:2018-06-25 15:04:12

标签: javascript jquery asp.net

我正在尝试使用一些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中发生相同的事情,请帮忙。

3 个答案:

答案 0 :(得分:2)

input.value = "Prefilled!"

或类似的东西

答案 1 :(得分:2)

如果我理解正确,那么您将尝试在附加输入之前给输入一些值。

只需:

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

答案 2 :(得分:0)

您绝不会立即为input分配一个值