How can i prevent duplicate entry in java script while appending data into #div

Question

PFB java script code..

the thing is im getting alert for duplicate entry. how can avoid the repeated data?

Var   activityconunt =0;     
  if (activityconunt !== data.iRoundId) {
        alert("duplicate");
        $("#selectRound_Type").append("<option name='round' id=" + data.iRoundId + ">" + data.strRoundName + "</option>");             
        }

my output

may you create an array with data before to have clean data. See api.jquery.com/jquery.inarray — Dwza
– Dwza, Commented Sep 29, 2014 at 8:10
Very first time its working fine(2nd time only its appending some duplicate data's). — Arul Sidthan
– Arul Sidthan, Commented Sep 29, 2014 at 8:14
i tried with breakpoint. the loop is executing more than 9 times instead of 3 times :( — Arul Sidthan
– Arul Sidthan, Commented Sep 29, 2014 at 8:15
btw is this a typo activityconunt ? shouldnt this be activitycount ? and updated my answere with a faster and tested solution. Its way less code the all other solutions. Actually only one line ^^ — Dwza
– Dwza, Commented Sep 29, 2014 at 8:26

Dwza · Accepted Answer · 2014-09-29 08:32:47Z

1

Solution one:

Take your data and build a clean array before. Using http://api.jquery.com/jquery.inarray/

Solution two:

Check your existing options for containing values

if($("option:contains('" + data.strRoundName + "')").length == 0)
    $("#selectRound_Type").append("<option name='round' id=" + data.iRoundId + ">" + data.strRoundName + "</option>");

this should do it as well and is a shorter code

also see Fiddle

edited Sep 29, 2014 at 8:32

answered Sep 29, 2014 at 8:17

Dwza

6,5657 gold badges45 silver badges79 bronze badges

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

1 Comment

Arul Sidthan Over a year ago

hi Dwza its working fine. but im getting one undefined value also in the list :|

dashtinejad · Accepted Answer · 2014-09-29 08:18:39Z

Use an array to store the data and check the new value with it:

$(function () {
  var items = [];
  var $select = $('select');
  var $input = $('input');
  var $button = $('button');

  // fetch current data
  $select.find('option').each(function () {
    items.push($(this).text());
  });

  $button.on('click', function () {
    var value = $input.val();
    var exists = ($.inArray(value, items) != -1);

    if (! exists) {
      items.push(value);
      $('<option></option').text(value).prependTo($select);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" />
<button>Add</button>
<br />
<select style="width: 300px;">    
    <option>Hello</option>
</select>

Arul Sidthan · Accepted Answer · 2014-09-30 12:04:31Z

1

Solution for preventing duplicate values and undefined value in the list

  if ($("option:contains('" + data.strRoundName + "')").length == 0 
   && data.strRoundName != null 
   && typeof data.strRoundName != "undefined")
    $("#selectRound_Type").append("<option name='round' id=" 
         + data.iRoundId + ">" 
         + data.strRoundName + "</option>");

answered Sep 30, 2014 at 12:04

Arul Sidthan

1761 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

How can i prevent duplicate entry in java script while appending data into #div

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related