时间戳

首页 > 解决方案 > 您如何使用 JavaScript 使用用户输入的值在子表中动态创建输入字段？

javascript - 您如何使用 JavaScript 使用用户输入的值在子表中动态创建输入字段？

问题描述

我需要根据用户输入的值使用 JavaScript 在子表中动态创建字段。

例如。如果用户输入 5，则必须创建 5 个字段。可能吗？

标签： javascript

解决方案

是的，这是可能的。

第 1 步：读取输入字段的值以确定要创建多少个新字段。

// parseInt is necessary because DOM input values are string types.
const numberOfFields = parseInt(input.value)

第 2 步：动态创建新的输入字段。

for (let i=0; i < numberOfFields; i++) {
  const input = document.createElement('input')
  document.body.appendChild(input)
}

推荐阅读