用select控制 DIV 中的内容

1. <script>
2. functionchangeDiv(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. <selectname="select"prev="0"onchange=changeDiv()>
11. <optionselected>内容1111111</option>
12. <option>内容2222222</option>
13. <option>内容3333333</option>
14. <option>内容4444444</option>
15. </select>
16. 要被控制的层br_Cnt
17. <divid="br_Cnt">
18. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
19. <tr>
20. <tdvalign="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><imgsrc="images/tstpic9065.gif"/></li>
28. <li><imgsrc="images/tstpic9065.gif"/></li>
29. <li><imgsrc="images/tstpic9065.gif"/></li>
30. <li><imgsrc="images/tstpic9065.gif"/></li>
31. <li><imgsrc="images/tstpic9065.gif"/></li>
32. </ul></td>
33. </tr>
34. </table>
35. </div>
36. <divid="br_Cnt"style="display:none">
37. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
38. <tr>
39. <tdvalign="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><imgsrc="images/tstpic906522.gif"/></li>
47. <li><imgsrc="images/tstpic906522.gif"/></li>
48. <li><imgsrc="images/tstpic906522.gif"/></li>
49. <li><imgsrc="images/tstpic906522.gif"/></li>
50. <li><imgsrc="images/tstpic906522.gif"/></li>
51. </ul></td>
52. </tr>
53. </table>
54. </div>
55. <divid="br_Cnt"style="display:none">
56. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
57. <tr>
58. <tdvalign="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><imgsrc="images/tstpic906533.gif"/></li>
66. <li><imgsrc="images/tstpic906533.gif"/></li>
67. <li><imgsrc="images/tstpic906533.gif"/></li>
68. <li><imgsrc="images/tstpic906533.gif"/></li>
69. <li><imgsrc="images/tstpic906533.gif"/></li>
70. </ul></td>
71. </tr>
72. </table>
73. </div>
74. <divid="br_Cnt"style="display:none">
75. <tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
76. <tr>
77. <tdvalign="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><imgsrc="images/tstpic906544.gif"/></li>
85. <li><imgsrc="images/tstpic906544.gif"/></li>
86. <li><imgsrc="images/tstpic906544.gif"/></li>
87. <li><imgsrc="images/tstpic906544.gif"/></li>
88. <li><imgsrc="images/tstpic906544.gif"/></li>
89. </ul></td>
90. </tr>
91. </table>
92. </div>