菜单选择改变显示

最新推荐文章于 2018-11-04 20:13:00 发布

iteye_9891

最新推荐文章于 2018-11-04 20:13:00 发布

阅读量174

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

[code]
<html>
<head>
<title>菜单选择改变显示</title>
<script>
function changed() {
var a = document.forms[0].menu.selectedIndex;
if (document.forms[0].menu.options[a].value ==1) {
document.getElementById("t1").style.display = "";
document.getElementById("t2").style.display = "none";
}
if (document.forms[0].menu.options[a].value ==2) {
document.getElementById("t1").style.display = "none";
document.getElementById("t2").style.display = "";
}
}
</script>
</head>
<body>
<form name="form1" mothed="get" action="#">
<select name="menu" οnchange="changed();">
<option>请选择菜单</option>
<option value="1">菜单一</option>
<option value="2">菜单二</option>
</select>
<div id="t1">菜单一功能：<input type="text" name="text1"/></div>
<div id="t2">菜单二功能：<input type="text" name="text2"/></div>
</form>
</body>
</html>
[/code]