javascript - 如何使用jQuery检查选择框中的任何选项是否等于另一个选择框中的任何选项

Question

我有2个选择框，它们都有通过数据库查找自动填充的选项。我尝试检查选择框号中是否有任何选项。 2等于选择框1中的所有选项。如果为true，则从选择框1中删除此选项，如果fals同时保留两者。

我在搜索时发现以下代码，但无法正常工作：

var exists = false;
  $('#select-box2 option').each(function(){
   if (this.value == $('#select-box1 option').val()) {
    exists = true;
    return false;
   }
});

Answer 1

也许是这样的：

  $('#select-box2 option').each(function(){  //loop option #select-box2
      var sb2_option=$(this);
       $('#select-box1 option').each(function(){  //loop option #select-box1
       	   var sb1_option=$(this);
       	   if(sb2_option.val()==sb1_option.val()){
       	   	   console.log('exist!!! #select-box1=>'+sb1_option.val()+' #select-box2=>'+sb2_option.val());
       	   	   sb2_option.remove();  //or  sb1_option.remove();  - for delete option
       	   }
       });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<select id="select-box1">
  <option value="1">test 1</option>
  <option value="2">test 2</option>
  <option value="3">test 2</option>
  <option value="4">test 4</option>
  <option value="5">test 5</option>
</select>


<select id="select-box2">
  <option value="5">test 5</option>
  <option value="6">test 6</option>
  <option value="7">test 7</option>
  <option value="7">test 8</option>
  <option value="9">test 9</option>
</select>