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 elemt，其中包括动态参数。

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

将动态添加的输入字段中的参数传递给servlet

1 个答案: