1

我想得到这个值

名称="产品' + 计数器 + '"

它是一个动态值，当我单击添加时它将创建另一行，任何人都可以告诉我如何获取此动态值以及我应该如何传递给 servlet 以及如何进入 servlet。我正在使用表单提交：JSP 和 JAVA env。

$("#addrow").on("click", function () {
        counter++;

        var newRow = $("<tr>");
        var cols = "";
        cols += '<td><input type="text" name="product' + counter + '"/></td>';
        cols += '<td><input type="text" name="price' + counter + '"/></td>';
        cols += '<td><input type="text" name="qty' + counter + '"/></td>';
        cols += '<td><input type="text" name="linetotal' + counter + '" readonly="readonly"/></td>';
        cols += '<td><a class="deleteRow"> x </a></td>';
        newRow.append(cols);
        alert(cols);
        $("table.order-list").append(newRow);
    });
4

1 回答 1

2

无需添加计数器，像这样更改您的代码。

$("#addrow").on("click", function () {
        counter++;

        var newRow = $("<tr>");
        var cols = "";
        cols += '<td><input type="text" name="product"/></td>';
        cols += '<td><input type="text" name="price"/></td>';
        cols += '<td><input type="text" name="qty"/></td>';
        cols += '<td><input type="text" name="linetotal" readonly="readonly"/></td>';
        cols += '<td><a class="deleteRow"> x </a></td>';
        newRow.append(cols);
        alert(cols);
        $("table.order-list").append(newRow);
    });

并在servlet获取与每个链接array的所有values链接，input box如下面的代码。

String[] products = request.getParameterValues("product");
String[] prices= request.getParameterValues("price");
String[] qtys= request.getParameterValues("qty");
String[] linetotals = request.getParameterValues("linetotal");

编辑添加了完整的代码

<html>
<head>
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>


</head>
<body>
<form id="validationform" name="validationform" method="get" action="BG_Form">

<table class="order-list" style="margin-left: 228px;">
    <thead>
        <tr><td>Product</td><td>Price</td><td>Qty</td><td>Total</td></tr>
    </thead>

    <tbody>
        <tr>
            <td><input type="text" name="product"></td>
            <td><input type="text" name="price">
            </td><td><input type="text" name="qty"></td>
            <td><input type="text" readonly="readonly" name="linetotal"></td>
            <td><a class="deleteRow"> x </a></td>
        </tr>
    </tbody>

    <tfoot>
        <tr>
            <td style="text-align: center;" colspan="5">
                <input type="button" value="Add Product" name="addrow" id="addrow">

            </td>
        </tr>

        <tr>
            <td colspan="5">
                Grand Total: Rs<span id="grandtotal"></span>
            </td>
        </tr>
        <tr>
        <td>
        In Words <span id="inworDs" ></span>

        </tr>
        <tr>
                <td>
                <input type="submit"/>

        </tr>
    </tfoot>
</table>

<form>



<script>
    $("#addrow").click(function(){
      var newRow = $("<tr>");
              var cols = "";
              cols += '<td><input type="text" name="product"/></td>';
              cols += '<td><input type="text" name="price"/></td>';
              cols += '<td><input type="text" name="qty"/></td>';
              cols += '<td><input type="text" name="linetotal" readonly="readonly"/></td>';
              cols += '<td><a class="deleteRow"> x </a></td>';
              newRow.append(cols);
        $("table.order-list").append(newRow);
    });

</script>
</body>
</html>
于 2013-04-18T07:19:26.937 回答