怎样用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>