如何防止在Java腳本重複條目，同時將數據追加到#div

Question

PFB Java腳本代碼..

的東西是重複的條目即時得到警報。如何避免重複的數據？

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

我的輸出

Answer 1

解決方法一：

把你的數據和之前建立一個乾淨的數組。使用http://api.jquery.com/jquery.inarray/

解決方法二：

檢查現有的選項包含值

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

這應該做得一樣好，是一個較短的代碼

也看到Fiddle

Answer 2

使用數組來存儲數據，並檢查它的新價值：

$(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>

Answer 3

解決方案，以防止在列表中

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>");