<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
window.onload=function()
{
var sA=document.getElementById('aaa');
var sB=document.getElementById('bbb')
var sC=document.getElementById('ccc');
var arr=[];
arr.push(sA,sB,sC);
sA.onchange=function()
{
set(this);

}
sB.onchange=function()
{
set(this);

}
sC.onchange=function()
{
set(this);

}
function set(obj)
{
var curOption=null;
for(var i=0;i<arr.length;i++)
{
if(arr[i]!=obj)
{
curOption=getOption(arr[i],obj.value);
curOption&&(curOption.disabled=true);
}
}
}
function getOption(obj,value)
{
var optionList=obj.options;
for(var i=0;i<optionList.length;i++)
{
if(optionList[i].value==value)
return optionList[i];
}
return null;
}
}
</script>
<style></style>
</head><body>
<select id="aaa">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="bbb">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
<select id="ccc">
<option value=""></option>
<option value="0">a</option>
<option value="1">b</option>
<option value="2">c</option>
</select>
</body>
</html>