怎样用js实现选择下拉菜单的其中一个选项，多个文本域和多个其它下拉菜单变为不可修改？
请教大虾，怎样用js实现选择下拉菜单的其中一个选项，多个文本域和多个其它下拉菜单变为不可修改？就是说，当我选择其中一个下拉菜单的选项时，多个文本域和其它的下拉菜单呈灰色，不可用？能否举个例子，把源码传上来！
程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="text" name="t" value="1" /><br />
<input type="text" name="t" value="2" /><br />
<input type="text" name="t" value="3" /><br />
<input type="text" name="t" value="4" /><br />
<input type="text" name="t" value="5" /><br />
<input type="text" name="t" value="6" /><br />
<input type="text" name="t" value="7" /><br />
<select name="s">
<option>请选择</option>
<option>我是菜单一</option>
</select>
<select name="s">
<option>请选择</option>
<option>我是菜单二</option>
</select>
<select name="s">
<option>请选择</option>
<option>我是菜单三</option>
</select>
操作项
<select id="dis" onchange="test(this.value)">
<option>请选择</option>
<option value="0">选择我将不能修改别的</option>
<option value="1">选择我将可以修改别的</option>
</select>
<script>
test = function(v) {
var t = document.getElementsByName('t');
var s = document.getElementsByName('s');
for(var i = 0; i < t.length; i++){
t[i].disabled = v == 0 ? "disabled" : "";
};
for(var i = 0; i < s.length; i++){
s[i].disabled = v == 0 ? "disabled" : "";
};
};
</script>
<input type="button" onclick="test(0)" value="禁用" />
<input type="button" onclick="test(1)" value="可用" />
</body>
</html>