单击按钮自动填充所有数字字段答案

【问题标题】：Autofill all the number fields on a click of a button单击按钮自动填充所有数字字段
【发布时间】：2019-08-15 09:43:24
【问题描述】：

我正在开发一个按钮的功能，它可以自动填充表单中的所有输入字段。这里的挑战在于，表单包含动态数量的输入字段，而且输入字段的 id 很难确定。那么，有没有办法只针对所有输入 type = "number" 并用固定数量的值填充它们（比如说 8）。

这是我的表单代码：

<form id="form_id" action="/action_page.php">
  <input type="number" id="sdf" name="somename1">
  <input type="number" id="asd" name="somename2">
  <input type="number" id="fas" name="somename3">
  <input type="number" id="fea" name="somename4">
  <input type="submit">
</form>

【问题讨论】：

document.querySelectorAll('#form_id input[type=number]').forEach(input => input.value = 8);
谢谢，成功了。如果是用于下拉输入，我该如何使用它？
相应地更改选择器，例如#form_id select。

标签： javascript forms input

【解决方案1】：

你可以在 jquery 中轻松做到这一点

$("form").each(function(){
$(this).find(':input[type="number"]').val(8)
})

【讨论】：

【解决方案2】：

您可以在文档准备好后使用 jquery，获取所有这些输入

$(':input[type="number"]')

然后设置值

【讨论】：