怎么实现点击其中一个修改按钮时候,其他表单内的select自动禁用?
<script>
function EditSelect(ThisForm){
var FormSelect = document.getElementById(ThisForm).getElementsByTagName("select");
for(is=0;is<FormSelect.length;is++)
{
if(FormSelect[is].disabled==true)
{
FormSelect[is].disabled=false;
}
else
{
FormSelect[is].disabled=true;
}
}
}
</script>
<h5>怎么实现点击其中一个修改按钮时候,其他表单内的select自动禁用?</h1>
<form id="test1" name="test1">
表单列表
<select size=1 name=slt disabled>
<option>1</option>
<option>2</option>
</select>
表单列表
<select size=1 name=AAt disabled>
<option>3</option>
<option>4</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test1');" />
</form>
<br />
第二个form
<form id="test2" name="test2">
表单列表
<select size=1 name=slt disabled>
<option>5</option>
<option>6</option>
</select>
表单列表
<select size=1 name=AAt disabled>
<option>7</option>
<option>8</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test2');" />
</form>
<br />
第三个form
<form id="test3" name="test2">
表单列表
<select size=1 name=slt disabled>
<option>9</option>
<option>10</option>
</select>
表单列表
<select size=1 name=AAt disabled>
<option>11</option>
<option>12</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test3');" />
</form> select 函数
[解决办法]
<!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>
function EditSelect(ThisForm){
// alert(document.getElementById(ThisForm) === null) ;
var FormSelect =(document.getElementById(ThisForm) === null) ?document.getElementsByTagName("select"):document.getElementById(ThisForm).getElementsByTagName("select");
for(is=0;is<FormSelect.length;is++) {
if(FormSelect[is].disabled==true){
FormSelect[is].disabled=false;
}else{
FormSelect[is].disabled=true;
}
}
}
function singleActivation(selectName){
var allSelect =document.getElementsByTagName("select");
for(is=0;is<allSelect.length;is++) {
if(allSelect[is].name == selectName) continue;
if(allSelect[is].disabled != true){
allSelect[is].disabled=true;
}
}
}
</script>
</head>
<body>
<h5>怎么实现点击其中一个修改按钮时候,其他表单内的select自动禁用?</h1>
<form id="test1" name="test1">
表单列表
<select size="1" name="slt">
<option>1</option>
<option>2</option>
</select>
表单列表
<select size="1" name="AAt">
<option>3</option>
<option>4</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test1');" />
</form>
<br />
第二个form
<form id="test2" name="test2">
表单列表
<select size="1" name="slr">
<option>5</option>
<option>6</option>
</select>
表单列表
<select size="1" name="AAr">
<option>7</option>
<option>8</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test2');" />
</form>
<br />
第三个form
<form id="test3" name="test2">
表单列表
<select size="1" name="slg">
<option>9</option>
<option>10</option>
</select>
表单列表
<select size="1" name="AAg">
<option>11</option>
<option>12</option>
</select>
<input type="button" name="button4" value="修改" onclick="EditSelect('test3');" />
</form>
<input type="button" name="button4" value="全局切换" onclick="EditSelect('body');" />
<input type="text" id="sigleSelectName" value="AAr" />
<input type="button" name="button5" value="单体激活" onclick="singleActivation(document.getElementById('sigleSelectName').value);" />
</body>
</html>