隐藏下拉字段（如果已选中）-Javascript

我目前有多个具有相同值的下拉列表。选择其中一个将隐藏其他值。以下代码非常有效，但在IE中似乎不起作用：

<script type="text/javascript">
jQuery('select').on('change', function() {
  var selected = [];
  jQuery('select').each(function(){
    selected.push(jQuery(this).val());
  });
  jQuery('select option').each(function(){
    if(jQuery.inArray(jQuery(this).val(), selected) != -1) {
      jQuery(this).hide();
    }else{
      jQuery(this).show();
    }
  });

});
</script>

jQuery（'select'）。在（'change'，function（）上{
所选var=[]；
jQuery（'select'）。每个（函数（）{
selected.push（jQuery（this.val（））；
});
jQuery（'select option'）。每个（函数（）{
if（jQuery.inArray（jQuery（this.val（），选中）！=-1）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
}
});
});

---

任何帮助都会很好。

firefox的标题可能重复，但explorer的标题相同firefox的标题可能重复，但explorer的标题相同