JWorld@TW the best professional Java site in Taiwan
      註冊 | 登入 | 全文檢索 | 排行榜  

» JWorld@TW » Servlet/JSP 討論區  

按列印兼容模式列印這個話題 列印話題    把這個話題寄給朋友 寄給朋友   
reply to postflat modego to previous topicgo to next topic
本主題所含的標籤
無標籤
作者 Re:[問題]即時多層下拉選單 [Re:catte]
bernardvai





發文: 491
積分: 0
於 2011-06-29 09:58 user profilesend a private message to userreply to postreply to postsearch all posts byselect and copy to clipboard. 
ie only, sorry for netscape users:-)add this post to my favorite list
如你是明白這個程式的運作原理, 用類似的方法造出第三個下拉式選單, 其內容會按第二個選單而變並不難.
如不是造出第三個下拉式選單, 用 TextArea, 或純靜態文字也可以.
用document.getElementById("menu").innerHTML= menu;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>Test</title>
</head>
 
<body>
<SCRIPT LANGUAGE="javascript">
function ChangeSelect(city, region){
  val = city.options[city.options.selectedIndex].value;
  if (val == 'a'){
     region.length=2;
     region.options[0].value= 'x';
     region.options[0].text=  'x';
     region.options[1].value= 'y';
     region.options[1].text=  'y';
  }
  if (val == 'b'){
     region.length=3;
     region.options[0].value= 't';
     region.options[0].text=  't';
     region.options[1].value= 'u';
     region.options[1].text=  'u';
     region.options[2].value= 'v';
     region.options[2].text=  'v';   
  }
  document.getElementById("menu").innerHTML="";
}
 
function ChangeRegion(region){
  val = region.options[region.options.selectedIndex].value; 
  var menu="";
  if (val == 'x') menu= '<table border=1><tr><td>name</td><td>money</td><td>calorie</td></tr>'+
                  '<tr><td>chicken rice</td><td>100</td><td>10</td></tr>'+
                  '<tr><td>noodle</td><td>50</td><td>15</td></tr>'+
                  '</table>';
  if (val == 'y') menu= '<table border=1><tr><td>name</td><td>money</td><td>calorie</td></tr>'+
                  '<tr><td>apple juice</td><td>100</td><td>10</td></tr>'+
                  '<tr><td>cola</td><td>50</td><td>15</td></tr>'+
                  '</table>';
                  
  if (val == 't') menu= '<table border=1><tr><td>name</td><td>money</td><td>calorie</td></tr>'+
                  '<tr><td>t1</td><td>100</td><td>10</td></tr>'+
                  '<tr><td>t2</td><td>50</td><td>15</td></tr>'+
                  '</table>';
 
  if (val == 'u') menu= '<table border=1><tr><td>name</td><td>money</td><td>calorie</td></tr>'+
                  '<tr><td>u1</td><td>100</td><td>10</td></tr>'+
                  '<tr><td>u2</td><td>50</td><td>15</td></tr>'+
                  '</table>';
                  
  if (val == 'v') menu= '<table border=1><tr><td>name</td><td>money</td><td>calorie</td></tr>'+
                  '<tr><td>v1</td><td>100</td><td>10</td></tr>'+
                  '<tr><td>v2</td><td>50</td><td>15</td></tr>'+
                  '</table>';
                  
  document.getElementById("menu").innerHTML=menu;                          
  
}
 
</script>
 
<form name="selection">
<select name=city onChange="ChangeSelect(document.selection.city,document.selection.region)" size="1">
<option>==請選擇城市==</option>
<option value="a">a</option>
<option value="b">b</option>
</select><BR>
選擇您要的區域</font><br>
<SELECT name=region onChange="ChangeRegion(document.selection.region)" >
 
</SELECT> </p>
</form> 
<hr>
<span id=menu>
</span>


bernardvai edited on 2011-06-29 10:25
reply to postreply to post
話題樹型展開
人氣 標題 作者 字數 發文時間
81003 [精華] [問題]即時多層下拉選單 ㄚ孝 384 2003-06-07 09:05
78191 Re:[問題]即時多層下拉選單 browser 1054 2003-06-07 18:19
75127 Re:[問題]即時多層下拉選單 x3711699 138 2004-04-08 20:41
74939 Re:[問題]即時多層下拉選單 alanting 710 2004-04-11 01:41
78168 Re:[問題]即時多層下拉選單 AdaHsu 3345 2004-04-19 12:23
76043 Re:[問題]即時多層下拉選單 tsechun 95 2004-04-21 02:01
73202 Re:[問題]即時多層下拉選單 andowson 474 2004-08-01 11:07
72932 Re:[問題]即時多層下拉選單 yingssu 663 2004-08-01 19:48
72006 Re:[問題]即時多層下拉選單 ting626 38 2004-08-25 16:57
72071 Re:[問題]即時多層下拉選單 i22616899 2298 2004-09-04 17:55
71261 Re:[問題]即時多層下拉選單 GuanChih 175 2004-09-05 18:51
71996 Re:[問題]即時多層下拉選單 jonz 873 2004-09-12 10:27
65247 Re:[問題]即時多層下拉選單 pulse 1193 2005-04-18 23:22
69053 Re:[問題]即時多層下拉選單 joshua 1019 2004-11-17 16:02
69375 Re:[問題]即時多層下拉選單 joshua 2357 2004-11-17 17:27
75635 Re:[問題]即時多層下拉選單 ㄚ孝 61 2003-06-09 08:34
75859 Re:[問題]即時多層下拉選單 browser 135 2003-06-09 09:23
68084 Re:[問題]即時多層下拉選單 Madagascar 141 2004-12-04 02:06
67898 Re:[問題]即時多層下拉選單 yannru 360 2004-12-07 16:19
67762 Re:[問題]即時多層下拉選單 Madagascar 465 2004-12-07 21:20
67754 Re:[問題]即時多層下拉選單 small3 388 2004-12-13 09:52
68136 Re:[問題]即時多層下拉選單 EPHT 3599 2004-12-18 09:45
55519 Re:[問題]即時多層下拉選單 yulie 2015 2006-06-06 12:47
55237 Re:[問題]即時多層下拉選單 yulie 102 2006-06-06 13:21
55512 Re:[問題]即時多層下拉選單 estrelas 1620 2006-06-06 18:51
46304 Re:[問題]即時多層下拉選單 minichitina 1875 2007-05-05 16:25
46196 Re:[問題]即時多層下拉選單 eidson72 4781 2007-05-16 11:48
21091 Re:[問題]即時多層下拉選單 catte 1960 2011-06-27 14:44
20985 Re:[問題]即時多層下拉選單 bernardvai 54 2011-06-27 16:56
45777 Re:[問題]即時多層下拉選單 alvin0224 309 2007-05-16 14:54
45854 Re:[問題]即時多層下拉選單 eidson72 21 2007-05-16 15:41
75449 Re:[問題]即時多層下拉選單 ㄚ孝 75 2003-06-09 14:05
75412 Re:[問題]即時多層下拉選單 jackyliu 201 2003-06-22 02:06
45306 Re:[問題]即時多層下拉選單 minichitina 188 2007-05-31 08:33
45167 Re:[問題]即時多層下拉選單 minichitina 2335 2007-06-04 08:04
45636 Re:[問題]即時多層下拉選單 minichitina 2718 2007-06-07 08:00
21091 Re:[問題]即時多層下拉選單 catte 2014 2011-06-28 03:14
20948 Re:[問題]即時多層下拉選單 bernardvai 1202 2011-06-28 09:54
21058 Re:[問題]即時多層下拉選單 catte 2970 2011-06-28 11:36
20923 Re:[問題]即時多層下拉選單 bernardvai 545 2011-06-28 14:21
21010 Re:[問題]即時多層下拉選單 catte 146 2011-06-28 17:54
20937 Re:[問題]即時多層下拉選單 bernardvai 2904 2011-06-29 09:58
20888 Re:[問題]即時多層下拉選單 catte 43 2011-06-29 21:58
20775 Re:[問題]即時多層下拉選單 bernardvai 219 2011-06-30 14:40
20586 Re:[問題]即時多層下拉選單 catte 269 2011-07-13 10:41
20665 Re:[問題]即時多層下拉選單 bernardvai 660 2011-07-13 11:34
20083 Re:[問題]即時多層下拉選單 catte 4035 2011-08-15 09:35
20306 Re:[問題]即時多層下拉選單 jk47 288 2011-08-15 11:19
75387 Re:[問題]即時多層下拉選單 mousetail 89 2003-06-22 13:06
77020 Re:[問題]即時多層下拉選單 alanting 1777 2003-06-22 23:21
75549 Re:[問題]即時多層下拉選單 alanting 87 2003-06-22 23:24
21210 Re:[問題]即時多層下拉選單 catte 54 2011-06-27 04:33
74966 Re:[問題]即時多層下拉選單 evenlin 132 2003-08-02 00:55
77111 Re:[問題]即時多層下拉選單 anthonycs 301 2003-08-02 15:43
74603 Re:[問題]即時多層下拉選單 ajax0953 232 2004-03-31 15:05
74350 Re:[問題]即時多層下拉選單 shyan68 261 2004-04-07 18:11
72794 Re:[問題]即時多層下拉選單 yafeng 122 2004-07-29 10:53
68234 Re:[問題]即時多層下拉選單 javaer 216 2004-12-20 00:40
» JWorld@TW »  Servlet/JSP 討論區

reply to postflat modego to previous topicgo to next topic
  已讀文章
  新的文章
  被刪除的文章
Jump to the top of page

JWorld@TW 本站商標資訊

Powered by Powerful JuteForum® Version Jute 1.5.8