即使在选择列表重复的情况下，jQuery也会返回true

Question

我对jQuery相当陌生。我坚持这一点，我试图在鼠标点击时在选择列表框中找到重复项。如果为true，则会提醒用户，如果为false，则会附加新值和文本。但是，函数findDuplicates（aVal）在被调用时总是返回true。我试着进入代码，函数本身工作，但是当它进入jQuery脚本（1.7.2）时，它就变成了真的。可能是我做错了什么？提前致谢！

下面的代码：

function findDuplicates(aVal) { 
     $("#listBoxAllergy option").each(function (i){ 
      var isDuplicate = false; 
      if ($.trim(aVal) == $(this).val()) { 
       isDuplicate = true; 
      } 
      return isDuplicate; 
     }); 
    }; 

    $("#btnAddAllergy").on("click", function() { 
     var allergy = $("#autoComAllergy").val(); 
     if (findDuplicates(allergy)) 
      alert("The allergy is already in the list"); 
     else 
      $("#listBoxAllergy").append("<option value='" + allergy + "'>" + allergy + "</option>"); 
    }); 

Answer 1

首先，有jQuery中没有.value()方法。

.value()应该是.val()。

其次，你不应该return isDuplicate;的.each回调内，外移动。

function findDuplicates(aVal) { 
    var isDuplicate = false; 
    $("#listBoxAllergy option").each(function (i){ 
     if ($.trim(aVal) == $(this).val()) { 
      isDuplicate = true; 
      return false; // here return false let stop the each. 
     } 
    }); 
    return isDuplicate; 
}; 

Answer 2

在您的比较功能我会用全等（===），而不是仅仅等于（==）去虽然这不是问题的根源。

有jQuery中没有value()方法，它是val()代替

Answer 3

function findDuplicates(aVal) { 
    var isDuplicate = false; 
    $("#listBoxAllergy option").each(function (i){    
     if ($.trim(aVal) == $(this).val()) { 
      isDuplicate = true; 
     }    
    }); 
    return isDuplicate; 
}; 

试试这个