js代码控制dropdownList
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
![](/Images/OutliningIndicators/None.gif)
<html>
![](/Images/OutliningIndicators/None.gif)
<head>
<title></title>
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
<script language="JavaScript" type="text/javascript">![](https://www.cnblogs.com/Images/dot.gif)
<!--
![](/Images/OutliningIndicators/InBlock.gif)
// by Vic Phillips http://www.vicsjavascripts.org.uk
![](/Images/OutliningIndicators/InBlock.gif)
// elements in the form are numbered from the top 0 to ![](https://www.cnblogs.com/Images/dot.gif)
![](https://www.cnblogs.com/Images/dot.gif)
// The select option value specifies the element numbers to disable separated by '^'
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function Select(f,s)
{
el=f.elements;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (i=0;i<el.length;i++)
{
// el[i].style.visibility='visible';
el[i].removeAttribute('disabled');
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (s.selectedIndex<1)
{ return; }
selop=s.options[s.selectedIndex].value.split('^');
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (i=0;i<selop.length;i++)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (el[selop[i]])
{
// el[selop[i]].style.visibility='hidden';
el[selop[i]].setAttribute('disabled','disabled');
}
}
}
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function Radio(f,s)
{
el=f.elements;
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (i=0;i<el.length;i++)
{
// el[i].style.visibility='visible';
el[i].removeAttribute('disabled');
}
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (s.selectedIndex<1)
{ return; }
selop=s.value.split('^');
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
for (i=0;i<selop.length;i++)
{
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
if (el[selop[i]])
{
// el[selop[i]].style.visibility='hidden';
el[selop[i]].setAttribute('disabled','disabled');
}
}
}
![](/Images/OutliningIndicators/InBlock.gif)
//-->
</script></head>
![](/Images/OutliningIndicators/None.gif)
<body>
<form >
<select name="" size="1" onchange="Select(this.form,this);">
<option value=" ">Select</option>
<option value="1">Hide TB1</option>
<option value="1^3">Hide TB1 & 3</option>
<option value="2^3^4">Hide TB2,3,4</option>
<option value="">Hide None</option>
</select>
<input name="" size="10" value="123">
<input name="" size="10" value="234">
<input name="" size="10" value="345">
<input name="" size="10" value="456">
<input type="radio" name="fred" value="1" onclick="Radio(this.form,this);">
<input type="radio" name="fred" value="1^3" onclick="Radio(this.form,this);">
<input type="radio" name="fred" value="2^3^4" onclick="Radio(this.form,this);">
<input type="radio" name="fred" value="" onclick="Radio(this.form,this);"><br>
![](/Images/OutliningIndicators/None.gif)
</form>
</body>
![](/Images/OutliningIndicators/None.gif)
</html>
![](/Images/OutliningIndicators/None.gif)
<select name="first" id="first" onchange="if(this.value == 'no') document.getElementById('sec').disabled=true; else document.getElementById('sec').disabled=false;">
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
<br /><br />
<select name="sec" id="sec">
<option value="yes">Yes</option>
<option value="no">No</option>
</select>