javascript - 如何生成 tags dynamically from JS?

Question

我需要生成两种类型的字段，带有特定的标签 <form:input>和 <form:hidden>从JS动态。第一个<form:input>应该是第二个输入字段，必须隐藏。问题是 <form:input>不被识别为输入并且根本不显示。但是从页面源码可以看出。

if (bank != null) {
    var fields = bank.additionalFields;
    var additionalRows = document.getElementById("additionalRows");
    for (i = 0; i < fields.length; i++) {

        //from here generates jsp inputs:
        //1 - <form:input>
        //2 - <form:hidden>  for each element from fields

        var formInput = document.createElement("form:input");
        var formHidden = document.createElement("form:hidden");

        formInput.setAttribute("path", "paymentInfo.fields[" + i + "].value");
        formHidden.setAttribute("path", "paymentInfo.fields[" + i + "].id");

        formInput.setAttribute("type", "text");
        formHidden.setAttribute("type", "text");

        formInput.setAttribute("value", "");
        formHidden.setAttribute("value", fields[i].id);

        additionalRows.appendChild(formInput);
        additionalRows.appendChild(formHidden);
    }
}

其他<form:input>从 JSP 生成的字段正确显示在页面上。链接到生成的页面源> https://dl.dropboxusercontent.com/u/106355152/form_input.PNG如何解决？

Answer 1

您尝试做的事情很可能无法完成。 <form:input>和 <form:hidden>似乎是服务器端标签 - 这就是为什么它们只在 Java 端工作。

您可以使用与当前方法类似的方式使用 javascript 生成正则和标记:

    var formInput = document.createElement("input");
    var formHidden = document.createElement("input");

    formInput.setAttribute("type", "text");
    formHidden.setAttribute("type", "hidden");

然后将它们附加到您的表单中。