<!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 type="text/javascript">
function s(obj, id){
var o = document.getElementById(id);
if(obj.selectedIndex == 0){
o.disabled = false;
}else{
o.disabled = true;
}
}
</script>
</head><body>
<form name=form2 action=""> 
<select name="a" id="a" onchange="s(this, 'b');"> 
    <option value="" selected>请选择 </option> 
    <option value="服装">服装 </option> 
    <option value="表演">表演 </option> 
</select> 
<select name="b" id="b" onchange="s(this, 'a');"> 
    <option value="" selected>请选择 </option> 
    <option value="计算机">计算机 </option> 
    <option value="机械">机械 </option> 
</select> 
</form> </body>
</html>

解决方案 »

  1.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body>
    <form name=form2  action=""> 
    <select name="a" id="a"> 
    <option value="" selected>请选择 </option> 
    <option value="服装">服装 </option> 
    <option value="表演">表演 </option> 
    </select> 
    <select name="b" id="b"> 
    <option value="" selected>请选择 </option> 
    <option value="计算机">计算机 </option> 
    <option value="机械">机械 </option> 
    </select> 
    <select name="c" id="c"> 
    <option value="" selected>请选择 </option> 
    <option value="图书">图书 </option> 
    <option value="杂志">杂志 </option> 
    </select> 
    </form> 
    <script language="javascript">
    <!--
    var obj=document.forms("form2").getElementsByTagName("select")
    for (var i=0;i<obj.length;i++){
    obj[i].onchange=function(){
    if (this.options.selectedIndex>0){
    for (var j=0;j<obj.length;j++)obj[j].disabled = 1;
    this.disabled = 0
    }
    else
    for (var j=0;j<obj.length;j++)obj[j].disabled = 0;
    }
    }
    //-->
    </script>
    </body></html>