欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  <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