如何预填充表单字段的值？当页面加载时，文本已经输入

Question

让我们说 变种名称=“测试”;

试过 $('#form-text').text(名称);和 $('#form-text').val(name);

不管发生什么，名字都没有被输入，表单字段仍然是空的。

Answer 1

.text()

方法不能用于表单输入。

这是一个示例，说明如何在使用 jQuery 加载页面时将由

#form-text

标识的表单字段的值设置为存储在

name

变量中的预填充文本：

$(document).ready(function() {
  var name = "John Doe";
  $('#form-text').val(name);
});

在本例中，

$(document).ready

函数用于确保DOM在执行jQuery代码之前完全加载。

$

函数用于选择ID为

form-text

的输入元素。然后使用

val()

函数将输入元素的值设置为存储在名称变量中的预填充文本。

Answer 2

如果您希望预填充输入，您可以通过以下方式进行。

如果值为静态/常量。您只需添加

value

属性并指定要预填充的默认名称。

<form id="myForm">
  <input type="text" id="name" value="Jane">
  <input type="email" id="email">
  <input type="submit" value="Submit">
</form>

上面的代码将

#name

输入设置为“Jane”。

如果您不知道该值，则需要在加载时设置它。 在您的 JS 代码中，找到元素并设置值属性。

window.onload = function() {
  document.getElementById("name").value = "John Doe";
};

上面的代码会将

#name

输入设置为值“John Doe”。