Use js to hide and display the 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> untitled document </title>
</Head>
<Body>
<Script type = "text/javascript">
Function change (){
Var xxx = document. getElementById ("xxx ");
Var divArray = xxx. getElementsByTagName ("div ");
For (var I = 0; I <divArray. length; I ++ ){
If (divArray [I]. id = ){
DivArray [I]. style. display = '';
} Else {
DivArray [I]. style. display = 'none ';
}
}
}
</Script>
<Div id = xxx>
<Div id = aaa>
<H1> aa 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>