03.
<head>
04.
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
05.
<title>Tanuch Steel</title>
06.
<link rel=
"stylesheet"
href=
"css/style.css"
/>
07.
<script src=
"javascript/jquery-latest.js"
></script>
08.
</head>
09.
<body>
10.
<select id=
"page_list"
>
11.
<option value=
""
>กรุณาเลือก</option>
12.
<option value=
"1"
>1</option>
13.
<option value=
"2"
>2</option>
14.
</select>
15.
</div>
16.
<div>
17.
<div id=
"1"
style=
"display:none"
>
18.
<div>AAAAAAAAAAAAAAA</div>
19.
</div>
20.
<div id=
"2"
style=
"display:none"
>
21.
<div>BBBBBBBBBBBBBBB</div>
22.
</div>
23.
</div>
24.
</div>
25.
<select id=
"page_list"
>
26.
<option value=
""
>กรุณาเลือก</option>
27.
<option value=
"1"
>1</option>
28.
<option value=
"2"
>2</option>
29.
</select>
30.
</div>
31.
<div>
32.
<div id=
"1"
style=
"display:none"
>
33.
<div>AAAAAAAAAAAAAAA</div>
34.
</div>
35.
<div id=
"2"
style=
"display:none"
>
36.
<div>BBBBBBBBBBBBBBB</div>
37.
</div>
38.
</div>
39.
40.
</body>
41.
</html>
42.
<script language=
"javascript"
>
43.
$(
"#page_list"
).change(
function
(){
44.
var
viewID = $(
"#page_list option:selected"
).val();
45.
$(
"#page_list option"
).each(
function
(){
46.
var
hideID = $(
this
).val();
47.
$(
"#"
+hideID).hide();
48.
});
49.
$(
"#"
+viewID).show();
50.
});
51.
</script>