用js实现select对div的隐藏与显示

用js实现select对div的隐藏与显示

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title无标题文档/title
/head

body

script type="text/javascript"
function change(a){
 var xxx = document.getElementById("xxx");
 var divArray = xxx.getElementsByTagName("div");
 for (var i=0;idivArray.length;i++) {
  if (divArray[i].id == a) {
   divArray[i].style.display='';
  }else {
   divArray[i].style.display='none';
  }
 }
}
/script

div id=xxx

div id=aaa
h1aa/h1
aaaa
/div
div id=bbb style="display:none "
bbbb
/div
div id=ccc style="display:none "
cccc
/div

/div

select onChange="change(this.value)"
  option value="aaa"aaa/option
  option value="bbb"bbb/option
  option value="ccc"ccc/option
/select
/body
/html