Question

我有一个HTML表格，我不希望第二列的值在网格中重复。这是我的JavaScript：

var $addedProductCodes = [];

function getProductData(value){

        $td_productCode=$("#sales-product-code").val();
        var index = $.inArray($td_productCode, $addedProductCodes);
        if (index >= 0) {
                alert("You already added this Product");
            } else {
                $('#test').append("<tr><td>"+ value +"</td></tr>");
                $addedProductCodes.push($td_productCode);
            }
        }

和Html

    <tbody  id="test">
  <tr>
    <td><input type="text" id="sales-product-code" name="cm_code[]" value="" class="sales-product-code"/> </td>
  </tr>
</tbody>

请帮帮我。帮助被高度挪用。

Answer 1

致电

$('#test').append("<tr><td>"+ value +"</td></tr>")

应替换为

$('#test tr:last').after("<tr><td>" + value + "</td></tr>").

我创建了一个JSFiddle example。

Answer 2

尝试使用布尔变量并在条件if中使用它。如果添加了该列，请更改该变量的值。

防止在JavaScript和Html中重复附加数据

2 个答案: