Я получаю дубликаты данных в таблице при выборе значений из нескольких полей выбора

Question

Я использую html select2 jQuery select box..при выборе любого значения моя таблица получает релевантную информацию о выбранном значении

Если в поле выбора есть значения, такие как один, два, три ...

Когда я выбираю один, я получаю информацию о первом варианте в таблице html ниже

Когда я выбираю два также ... теперь я снова получаю значения от одного плюс один и два. Что вполне очевидно ..

Я добавляю в таблицу, используя jQuery каждую функцию.

Я знаю, что сначала очистка таблицы решит мою проблему, но дело в том, в таблице у меня также есть элемент управления флажком, который я выбираю .... Если я очищаю таблицу, я теряю установленный флажок

Новые значения добавляются в таблицу после первой очистки таблицы ..

Теперь проблема в том, что я не хочу повторных значений для одного. И когда я выбираю два. Я получу результаты 1 и 1 и 2 в приложении ...

Во-вторых, я хочу, чтобы флажок сохранил проверенное состояние, которое я сделал предыдущим ..

Надеюсь, я сделал мой вопрос понятным .. Пожалуйста, помогите мне

Я застрял ...

Заранее спасибо ..

Хорошего дня ...

Answer 1

Вам просто нужно проверить, если строка уже существует: . Проверьте, существует ли строка, проверив длину $("#tblItemsBody tr#row_"+obj.Item_Id).length ==0 Код: -

$.ajax({
      ...options,
      success: function(data) { 
      $.each(data, function (i, obj) 
             {
               if($("#tblItemsBody tr#row_"+obj.Item_Id).length ==0 ){
                 $('#tblItemsBody').append("<tr id='row_"+obj.Item_Id+"'> <td> <input type='checkbox' class='chk' id=" + obj.Item_Id + "> "+
                 <label for=" + obj.Item_Id + " class='p-0'></label> </td> <td> " + obj.SalesOrderId + " </td> <td> " + obj.Item_Code + "</td> <td> " 
                + obj.AEGG_Description + " </td> <td> " + obj.Manufacturer + "</td> <td>" + obj.OEM_Reference + " </td> </tr>")) 
               }

             });
    })