基于表单输入字段值的动态字段生成

Question

在 html 表单中，我有一个字段作为主题数。 我的问题是，如果我将值设为 4，则需要创建四个文本字段。 每行都采用主题名称和标记的输入字段值。 请帮助我如何编写java代码以根据输入值动态生成字段。

Answer 1

您提到了 Java，但标记了问题 JavaScript。 所以我假设你的意思是 JavaScript。

也就是说，您可以根据 DOM ( https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction ) 操作 HTML 并使用 .appendChild( https://developer.mozilla .org/en-US/docs/Web/API/Node/appendChild ) 方法插入新的文本字段。

HTML：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>

        <h1>Enter number of subjects:</h1>

        <input type="number" id="inputValue">

        <button type="button" id="submitInput">Submit</button>

        <br>
        <br>

        <form id="form">


        </form>

        <script src="test.js"></script>

    </body>
</html>

JavaScript：

const numberOfInputs = document.getElementById('submitInput');

numberOfInputs.onclick = function() {

    const inputValue = document.getElementById("inputValue").value;

    for (let i = 0; i < inputValue; i++) {

        document.getElementById("form").appendChild(document.createElement("input"));
    }
}

基于表单输入字段值的动态字段生成

问题描述

1 个解决方案

解决方案1
0 2019-01-09 12:00:43

基于表单输入字段值的动态字段生成

问题描述

1 个解决方案

解决方案1 0 2019-01-09 12:00:43

解决方案1
0 2019-01-09 12:00:43