jsp - jsp表中行的动态创建

Question

我是 jsp 的新手。在 jsp 页面中，我正在显示包含 6 列的表，其中 2 列是选定的值。值将来自 Spring MVC 控制器。基于选择价格，折扣将通过 AJAX 调用来。我的要求是提供购买更多链接，如果他单击该链接，一行应该有 6 列，并执行相同的过程选择值和价格计算。删除行按钮应该删除选定的行。

请帮助我。在此先感谢

Answer 1

您可以使用 Javascript/Jquery 执行相同的操作，示例代码如下 -

function addRow()
            {
                var n=$("#elementCount").val();
                var i=$('#rowid'+(n-1));
                i.clone(true).attr('id','rowid'+(n)).insertAfter(i);
                var p="#txtname"+(n-1);
                var no="txtname"+(n);
                $('#rowid'+(n)).find('.c').attr('id',no);
                $('#rowid'+(n)).find('.c').attr('name',no);
                $('#rowid'+(n)).find('.c').attr('value','');

                $('#rowid'+(n)).find('.b').attr('id',"txtprc"+(n));
                $('#rowid'+(n)).find('.b').attr('name',"txtprc"+(n));
                $('#rowid'+(n)).find('.b').attr('value','');

                n++;

                $("#elementCount").val(n);
            }

其中 elementcount 是隐藏字段的 id，其中包含 value=行数。带有 i 的函数克隆该行并将其插入到当前行之后。每一行的 id 都会以递增的方式增加，即 rowid1、rowid2 等等....