Javascript =newtext；}）。长度==1） var newtext=“三” console.log（“three”，$（“#sel option”）.filter（函数（i，e）{return$（e.text（）==newtext；}）。length==1）

=newtext；}）。长度==1） var newtext=“三” console.log（“three”，$（“#sel option”）.filter（函数（i，e）{return$（e.text（）==newtext；}）。length==1）

一
二

谢谢。不过，它仍在向列表中添加项目。感谢您添加一个

返回false在留言后？是的，我收到了。这很奇怪。当我添加一个条目，然后添加另一个具有相同值的条目时，它会触发消息。但是，如果我从列表中删除该项并尝试再次添加，它将不会添加到列表中，您如何将其从列表中删除？你需要一个更好的选择器吗？我在原来的帖子中添加了删除功能。谢谢你。不过，它仍在向列表中添加项目。感谢您添加一个
返回false在留言后？是的，我收到了。这很奇怪。当我添加一个条目，然后添加另一个具有相同值的条目时，它会触发消息。但是，如果我从列表中删除该项并尝试再次添加，它将不会添加到列表中，您如何将其从列表中删除？你需要一个更好的选择器吗？我在原来的帖子中添加了删除功能。谢谢你。但是，如果在有重复项的情况下显示消息，它仍然会添加到计数变量。我已将消息警报更改为：
$（“#nidstrmessage”）.html（“您已经选择了该选项”）只是为了让我的计数器继续工作。有没有一种方法，如果有重复，那么就不要把计数变量加进去。谢谢谢谢。但是，如果在有重复项的情况下显示消息，它仍然会添加到计数变量。我已将消息警报更改为：
$（“#nidstrmessage”）.html（“您已经选择了该选项”）只是为了让我的计数器继续工作。是否有一种方法，如果存在重复项，则不包括计数变量。感谢代码正在工作，但如果存在重复项，且未输入列表，则仍在增加计数变量。是否有一种方法可以避免这种情况发生。感谢代码正在工作，但是如果有重复，并且没有输入列表，它仍然在增加计数变量。有没有办法避免这种情况发生。谢谢
$(function() {
  $(document).on('click', '#add', function() {
    var boxvalue = $("#box_input").val();
    if (boxvalue == '') {
      $("#niinputmessage").fadeIn(3000).html('No blank entries').fadeOut(5000).css({
        'color': 'red',
        'margin-left': '5px',
        'margin-top': '5px'
      });
      return false;
    }
    count = $('#box_ni').children('option').length;
    $("#counter").html("Total selected boxes for intake: " + '<span style="font-size: 14px; color: black;">' + '( ' + count + ' )' + '</span>').css('color:, black');
    if (count > 2) {
      $("#counter").html("No more than 3 items per intake. Please remove items from the list.");
      return false;
    } else {
      count++;
      $("#counter").html("Total selected boxes for intake: " + '<span style="font-size: 14px; color: black;">' + '( ' + count + ' )' + '</span>').css('color:, black');
    }
    $("#box_ni").append("<option>" + boxvalue + "</option>");
    $("#box_input").val('');
  });
});

$(function() {
  $(document).on('click', '#remove', function() {
    $("#box_ni > option:selected").each(function() {
      $("#box_ni option:selected").remove();
      count--;
    });
    $("#counter").html("Total selected boxes for intake: " + 
      '<span style="font-size: 14px; color: black;">' + '( ' + count + ' )' + 
      '</span>').css('color:, black');
  });
});

add this in place of $("#box_ni").append....    
var values = document.getElementsByTagName('option');  
var j=0;  
for(i=0; i < values.length; i++){  
  if(boxvalue == values[i].innerHTML){               
   j++;  
     }  
 }
 if(j==0){
 $("#box_ni").append("<option>" + boxvalue + "</option>");  
 }

$(function() {
  let boxvalues = [];
  $(document).on('click', '#add', function() {
    var boxvalue = $("#box_input").val();
    if (boxvalue == '') {
      $("#niinputmessage").fadeIn(3000).html('No blank entries').fadeOut(5000).css({
        'color': 'red',
        'margin-left': '5px',
        'margin-top': '5px'
      });
      return false;
    }
    count = $('#box_ni').children('option').length;
    $("#counter").html("Total selected boxes for intake: " + '<span style="font-size: 14px; color: black;">' + '( ' + count + ' )' + '</span>').css('color:, black');
    if (count > 2) {
      $("#counter").html("No more than 3 items per intake. Please remove items from the list.");
      return false;
    } else {
      count++;
      $("#counter").html("Total selected boxes for intake: " + '<span style="font-size: 14px; color: black;">' + '( ' + count + ' )' + '</span>').css('color:, black');
    }
    //Checks and adds the entries
    if(boxvalues.indexOf(boxvalue) === -1) {
      boxvalues.push(boxvalue)
      $("#box_ni").append("<option>" + boxvalue + "</option>");      
    }
    $("#box_input").val('');
  });
});

if ($("#box_ni option").filter(function (i,e) { 
        return $(e).text() == boxvalue ; 
    }).length > 0)
{
    $("#counter").html("You've already selected that");
}