在jsp中添加按钮，该按钮将更改同一页中的某些内容。

Question

我的问题是如何在html或jsp页面中创建一个按钮，单击该按钮将向同一页添加一些内容。

因此，如果我有一个名为Prescription.jsp的jsp页面，并且我得到了一些输入表单，比如：

ID     name   select commodity   weight   tolerance
box     box       drop down        box       box

其中box =输入表单中的输入。你在下面看到的例子。

​

我希望页面在加载页面时只显示一个Id、名称、商品、重量和公差的输入表单，如果单击顶部角落的“添加商品”，您应该在下面添加一组新的框。

我不知道这是否可能，因为我不知道在哪里能找到正确的答案。

Answer 1

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>
        $(function(){
            $("#addCommodity").click(function(){                   

              $("#commdity-table tr:last").clone().find('input').val('').end().insertAfter("#commdity-table tr:last");

            });
        });
    </script>

 <table id="commdity-table">

 ....

 </table>
 <input type="button" value="Add Commodity" id="addCommodity" />