<html>
<title>通过选择项显示不同的结果</title>
<head>
<scripttype="text/JavaScript">
functionshowdiv()
{
vardoc=document;
varcitytext=doc.getElementById("city").value;
vardiv1=doc.getElementById("div1");
vardiv2=doc.getElementById("div2");
vardiv3=doc.getElementById("div3");
switch(citytext)
{
case"广州":
div1.setAttribute("style","display");
div2.setAttribute("style","display:none");
div3.setAttribute("style","display:none");
doc.getElementById("text1").value=citytext;
break;
case"南昌":
div1.setAttribute("style","display:none");
div2.setAttribute("style","display");
div3.setAttribute("style","display:none");
doc.getElementById("text2").value=citytext;
break;
case"沈阳":
div1.setAttribute("style","display:none");
div2.setAttribute("style","display:none");
div3.setAttribute("style","display");
doc.getElementById("text3").value=citytext;
break;
}
}
</script>
</head>
<body>
<selecttitle="城市"id="city"onchange="showdiv()">
<optionselectedvalue="广州">广州</option>
<optionvalue="南昌">南昌</option>
<optionvalue="沈阳">沈阳</option>
</select>
<divid="div1"style="display:none">您选择了广东的省会<inputtype="text"id="text1"value=""/></div>
<divid="div2"style="display:none">您选择了江西的省会<inputtype="text"id="text2"value=""/></div>
<divid="div3"style="display:none">您选择了辽宁的省会<inputtype="text"id="text3"value=""/></div>
</body>
</html>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55676.shtml