将参数从动态添加的输入字段传递到 servlet

Question

我有一个表单，它有多个输入字段，当用户单击“添加”按钮时会动态添加这些字段。

我已经设法实现了这一点，但我现在面临的问题是我无法将使用 JavaScript 函数动态添加的参数传递给 servlet。

这是动态添加多个输入字段的代码：

<script type="text/javascript">
$(document).ready(function(){
var counter = 2;

$("#addDynamicDivs").click(function () {
    var newTextBoxDiv1 = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv1');
     newTextBoxDiv1.attr("style",'float: left;');

     var newTextBoxDiv2 = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv2');
     newTextBoxDiv2.attr("style",'float: left;');

     var newTextBoxDiv3 = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv3');
     newTextBoxDiv3.attr("style",'float: left;');

     var newTextBoxDiv4 = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv4');
     newTextBoxDiv4.attr("style",'float: left;');

     newTextBoxDiv1.after().html('<label  class="inputlabel2">Speaker Name : </label>' +
      '<input type="text" name="speakername" id="speakername" value="" >');
      newTextBoxDiv2.after().html('<label  class="inputlabel2">Speaker Country : </label>' +
      '<input type="text" name="speakercountry" id="speakercountry" value="" >');
      newTextBoxDiv3.after().html('<label  class="inputlabel2">Speaker Company : </label>' +
      '<input type="text" name="speakercompany" id="textbox" value="" >');
      newTextBoxDiv4.after().html('<label  class="inputlabel2">Speaker Desc : </label>' +
      '<textarea name="speakerdesc" id="speakerdesc" rows="10" cols="30" ></textarea>');

      newTextBoxDiv1.appendTo("#TextBoxesGroup");
      newTextBoxDiv2.appendTo("#TextBoxesGroup");
      newTextBoxDiv3.appendTo("#TextBoxesGroup");
      newTextBoxDiv4.appendTo("#TextBoxesGroup");


    });
});
</script>

似乎传递给 servlet 的唯一参数来自表单，不包括来自动态添加的输入字段的参数。

如何将函数中的所有参数传递给 servlet？

谢谢，

拉兹

Answer 1

您必须在表单中包含动态参数。您应该将包含动态参数的 div 元素放入表单中。

<form>
    <div id="TextBoxesGroup">
    </div>
</form>