檢查Javascript表中的行

Question

我正在使用這個JS函數向表中動態添加標籤，這個函數是從組合框選擇索引更改中調用的，當用戶選擇一個新項目時，它應該被添加到標籤中，I要檢查表的當前值（即表格的行），並且只在新的項目中添加新的項目，我該怎麼做？我如何檢查表格的現有項目（標籤）？

var spanTag = document.createElement("span"); 
     spanTag.id = document.getElementById('cmbDestinationUser').selectedIndex.toString(); 

     var e = document.getElementById("cmbDestinationUser"); 
     var strUser = e.options[e.selectedIndex].text; 
     spanTag.innerHTML = strUser; 
     var TR = document.createElement('tr'); 
     var TD = document.createElement('td'); 
     TD.appendChild(spanTag); 
     TR.appendChild(TD); 

     document.getElementById('tblReceivers').appendChild(TR); 

感謝

Answer 1

你添加一個跨度固定ID - 你可以發現，如果它已經存在：

if(document.getElementById(spanTag.id) == null) 
{ 
    // add it 
} 

此外，您可以帶着幾分令人驚訝的簡化你的生活jQuery。我認爲這相當於你想要做的事情：

id = $('#cmdDestinationUser').val(); 
if($("#"+id).length == 0) 
{ 
    selText = $('#cmdDestinationUser option:selected').val(); 
    $("#tblReceivers").append("<tr><td><span id='" + id + "'>" + selText + "</span></td></tr>"); 
}