判断option重复问题

Question

<select name="WyType">
  <option>选择类型</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select><select name="WyType">
  <option>选择类型</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select>
假设有2个下拉，如何判断已经被选的不能在选择

Answer 1

    <select name="WyType" onchange='setOption(this)'>
  <option value=0>选择类型</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select><select name="WyType" id='WyType'>
  <option value=0>选择类型</option>
</select>
  <script type="text/javascript">
  function setOption(obj){
   
    var WyType=document.getElementById("WyType");
    WyType.options.length=1;
     if(obj.value==0)return;
    for(var i=1;i<obj.options.length;i++)
    {
        if(i!=obj.value){
          WyType.options.add(new Option(i,i));  
        }
    }
    WyType.value=0;
  }
  </script>

Answer 2

下面的效果或许是楼主需要的。
window.onload = function(){
    var sels = document.getElementsByName("WyType");
var len = sels.length;
for(var i=0; i<len; i++){
    sels[i].id = i;
    sels[i].onchange = function(){
    var val = parseInt(this.value);
sels[1-this.id].options[val].disabled = true;
};
}
};

Answer 3

加多个还原。
window.onload = function(){
    var sels = document.getElementsByName("WyType");
var len = sels.length;
for(var i=0; i<len; i++){
    sels[i].id = i;
    sels[i].onchange = function(){
    var val = parseInt(this.value);
for(var j=0,olen = this.length; j<olen; j++){
    this.options[j].disabled = false;
sels[1-this.id].options[j].disabled = false;
}
sels[1-this.id].options[val].disabled = true;
};
}
};