Prevent Duplicate Append data in JavaScript and Html

Question

I have one HTML table and I don't want the value of second column to repeat in the grid. Here is my 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);
            }
        }

and Html

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

Please help me out. Help is highly appreciated.

NIck · Accepted Answer · 2014-02-17 15:25:06Z

2

The call to

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

should be replaced with

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

I created a JSFiddle example.

edited Feb 17, 2014 at 15:25

answered Feb 17, 2014 at 15:16

NIck

462 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ana Maria · Accepted Answer · 2014-02-17 13:28:32Z

1

Try to use a boolean variable and use it in your conditional if. If the column is added, change the value for that variable.

answered Feb 17, 2014 at 13:28

Ana Maria

112 bronze badges

Collectives™ on Stack Overflow

Prevent Duplicate Append data in JavaScript and Html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related