用select控制 DIV 中的内容

<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;// --></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>

1. <script> 
2. function changeDiv(x){ 
3. if(!changeDiv.x) 
4. changeDiv.x=0; 
5. br_Cnt[changeDiv.x].style.display="none"; 
6. changeDiv.x=event.srcElement.selectedIndex; 
7. br_Cnt[changeDiv.x].style.display=""; 
8. } 
9. </script> 
10. <select name="select" prev="0" onchange=changeDiv()> 
11. <option selected>内容1111111</option> 
12. <option>内容2222222</option> 
13. <option>内容3333333</option> 
14. <option>内容4444444</option> 
15. </select> 
16. 要被控制的层 br_Cnt 
17. <div id="br_Cnt"> 
18. <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
19. <tr> 
20. <td valign="top" class="brCntTd_Txt"><ul> 
21. <li>1111111</li> 
22. <li>1111111</li> 
23. <li>1111111</li> 
24. <li>1111111</li> 
25. </ul></td> 
26. <td><ul> 
27. <li><img src="images/tstpic9065.gif" /></li> 
28. <li><img src="images/tstpic9065.gif" /></li> 
29. <li><img src="images/tstpic9065.gif" /></li> 
30. <li><img src="images/tstpic9065.gif" /></li> 
31. <li><img src="images/tstpic9065.gif" /></li> 
32. </ul></td> 
33. </tr> 
34. </table> 
35. </div> 
36. <div id="br_Cnt" style="display:none"> 
37. <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
38. <tr> 
39. <td valign="top" class="brCntTd_Txt"><ul> 
40. <li>22222</li> 
41. <li>22222</li> 
42. <li>22222</li> 
43. <li>22222</li> 
44. </ul></td> 
45. <td><ul> 
46. <li><img src="images/tstpic906522.gif" /></li> 
47. <li><img src="images/tstpic906522.gif" /></li> 
48. <li><img src="images/tstpic906522.gif" /></li> 
49. <li><img src="images/tstpic906522.gif" /></li> 
50. <li><img src="images/tstpic906522.gif" /></li> 
51. </ul></td> 
52. </tr> 
53. </table> 
54. </div> 
55. <div id="br_Cnt" style="display:none"> 
56. <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
57. <tr> 
58. <td valign="top" class="brCntTd_Txt"><ul> 
59. <li>3333</li> 
60. <li>3333</li> 
61. <li>3333</li> 
62. <li>3333</li> 
63. </ul></td> 
64. <td><ul> 
65. <li><img src="images/tstpic906533.gif" /></li> 
66. <li><img src="images/tstpic906533.gif" /></li> 
67. <li><img src="images/tstpic906533.gif" /></li> 
68. <li><img src="images/tstpic906533.gif" /></li> 
69. <li><img src="images/tstpic906533.gif" /></li> 
70. </ul></td> 
71. </tr> 
72. </table> 
73. </div> 
74. <div id="br_Cnt" style="display:none"> 
75. <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
76. <tr> 
77. <td valign="top" class="brCntTd_Txt"><ul> 
78. <li>4444</li> 
79. <li>4444</li> 
80. <li>4444</li> 
81. <li>4444</li> 
82. </ul></td> 
83. <td><ul> 
84. <li><img src="images/tstpic906544.gif" /></li> 
85. <li><img src="images/tstpic906544.gif" /></li> 
86. <li><img src="images/tstpic906544.gif" /></li> 
87. <li><img src="images/tstpic906544.gif" /></li> 
88. <li><img src="images/tstpic906544.gif" /></li> 
89. </ul></td> 
90. </tr> 
91. </table> 
92. </div>