Spring中的动态表单

Question

我正在尝试使用 Spring 表单制作动态表单。基本上，表单获得了学习活动的标题，然后在其下方有一个按钮，上面写着“添加更多学习活动”。这使得用户可以添加更多的学习活动。我希望他能够随心所欲地添加。

我之前没有尝试过，所以很明显我在想到的第一个解决方案中遇到了错误。我真的有一种感觉，做我所做的事情会产生一个错误，但只是开车回家我想做的事情，这是代码：

<script language="javascript">
 fields = 0;
 function addInput() {
      document.getElementById('text').innerHTML += "<form:input path='activity[fields++].activity'/><br />";
 }

<div id="text">
  <form:form commandName="course">
   Learning Activity 1 
   <form:input path="activity[0].activity"/>
    <input type="button" value="add activity" onclick="addInput()"/>
    <br/><br/>
   <input type="submit"/>
  </form:form>  
  <br/><br/>
 </div>

Answer 1

您不能在 javascript 中使用 form:input>，因为它是在服务器端运行的 jsp 标签。

然而，HTML 输入如何绑定到 Spring 命令对象中的字段并没有什么神奇之处。它只是基于名称。所以在你的javascript中，添加一个新的 <input type="text" name="activity[1].activity"> （例如——显然你会增加索引）。

对于更复杂的控件，我使用的另一个选项是获取现有控件的 HTML（它是使用 Spring form:input 标签创建的）并克隆它，用递增的数字替换索引。如果您使用 jQuery，这会变得容易得多。

编辑添加： 一个可能导致您出现问题的问题：您将新输入框附加到外部 div（“文本”）的末尾，这意味着它不在表单标签内。那是行不通的。

Answer 2

<form:input> 是 JSP 标签吗？如果是这样，那么将 <form:input> 节点添加到 DOM 的客户端 Javascript 将无效 - 因为服务器端 JSP 引擎不会解释这些。

您的 Javascript 需要使用原始 HTML 和 DOM，例如添加 <input> 元素。