如何將動態創建的JavaScript表單字段中的表單數據接收到JSP中？

Question

但是，當我嘗試從動態創建的表單字段中獲取值時，我從表單提交中獲取了空值，但沒有使用html中創建的文本字段。 任何幫助，將不勝感激。

小代碼段。

            for (i=0;i<number;i++){


            // Append a node with a random text
            container.appendChild(document.createTextNode(("Sl.No ")));
            container.appendChild(document.createTextNode((i+1)));
            // Create an <input> element, set its type and name 
             attributes

            //name
            var input = document.createElement("input");
            input.type = "text";
            input.name = "name" + i;
            container.appendChild(input);

            //age
            var input = document.createElement("input");
            input.type = "text";
            input.name = "age" + i;
            container.appendChild(input);

            //book button
        var input = document.createElement("input");
        input.type = "submit";
        input.name = "sbtn";
        input.value="Book";

        }

Answer 1

下面的代碼可完美地提交動態創建的字段。

HTML：

<form id="myForm" action="/" method="post">
<label id="authlabel">User Authentication method:</label>
<br>
<select id="authMethod" name="authmethod">
  <option disabled selected value> -- select an option -- </option>
  <option value="userName">Name</option>
  <option value="userId">User ID</option>
</select>
<br>
<input type="submit" value="submit"></input>
</form>

JS：

const myForm = document.querySelector('#myForm');

document.querySelector('#authmethod').addEventListener('change', function(event){
    let authInput = document.createElement('input');
    authInput.name = event.target.value;
    myForm.insertBefore(authInput, event.target.nextSibling);
});

如果由於某種原因對您不起作用，您是否會提交HTML和完整的javascript上下文？