下拉列表

<!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=gbk"/>
<title>Untitled Document</title>
<script language="javascript">
var $ = document.getElementById;
var last = [null,null]
function DisplayDiv(s, i)
{
if(last[i])
last[i].style.display="none";
if(s.value=="s") return;
$("div"+s.value).style.display = "block";
last[i]=$("div"+s.value);
}
</script>
</head><body>
<select id="sel1" onchange="DisplayDiv(this, 0);">
<option value="s">请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="sel2" onchange="DisplayDiv(this, 1);">
<option value="s">请选择</option>
<option value="4">1</option>
<option value="5">2</option>
<option value="6">3</option>
</select>
<div id="div1" style="display:none; background-color:#FF0000;">
<input type="text" value="111" />
</div>
<div id="div2" style="display:none; background-color:#00FF00;">
<input type="text" value="222" />
</div>
<div id="div3" style="display:none; background-color:#0000FF;">
<input type="text" value="333" />
</div>
<div id="div4" style="display:none; background-color:#69c;">
<input type="text" value="111" />
</div>
<div id="div5" style="display:none; background-color:#f60;">
<input type="text" value="222" />
</div>
<div id="div6" style="display:none; background-color:#c0f;">
<input type="text" value="333" />
</div>
</body>
</html>