質問編集履歴

1

ソースの一部を掲載しました。

2015/12/15 06:52

投稿

lime
lime

スコア16

test CHANGED
File without changes
test CHANGED
@@ -13,3 +13,167 @@
13
13
  原因がわからず困っております。
14
14
 
15
15
  よろしくお願い致します。
16
+
17
+
18
+
19
+ load時に、参加しない限定と参加しない限定2を非常時にしてます。
20
+
21
+ 次に、selectboxで表示しないを選択時に、条件に沿った表示を切り替えています。
22
+
23
+
24
+
25
+
26
+
27
+ ```html
28
+
29
+ <!DOCTYPE html>
30
+
31
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
32
+
33
+ <head>
34
+
35
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
36
+
37
+ <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
38
+
39
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
40
+
41
+
42
+
43
+ <script type="text/javascript" language="javascript">
44
+
45
+ function hiddenblock() {
46
+
47
+ document.getElementById("notpt").style.display="none";
48
+
49
+ document.getElementById("notpt2").style.display="none";
50
+
51
+ }
52
+
53
+ </script>
54
+
55
+
56
+
57
+ <script type="text/javascript" language="javascript">
58
+
59
+ function kakunin() {
60
+
61
+ wkJyu1index = document.check.Select1.selectedIndex;
62
+
63
+ wkJyu1 = document.check.Select1.options[wkJyu1index].value;
64
+
65
+
66
+
67
+ if(wkJyu1 == "参加しない"){
68
+
69
+ document.getElementById("notpt").style.display="block";
70
+
71
+ document.getElementById("pt").style.display="none";
72
+
73
+ document.getElementById("notpt2").style.display="block";
74
+
75
+ document.getElementById("pt2").style.display="none";
76
+
77
+ }else{
78
+
79
+ document.getElementById("pt").style.display="block";
80
+
81
+ document.getElementById("notpt").style.display="none";
82
+
83
+ document.getElementById("pt2").style.display="block";
84
+
85
+ document.getElementById("notpt2").style.display="none";
86
+
87
+ }
88
+
89
+ }
90
+
91
+ </script>
92
+
93
+ </head>
94
+
95
+
96
+
97
+ <body onLoad="hiddenblock()">
98
+
99
+ <form name="check">
100
+
101
+ <select name="サマリーセッション" required="required" onChange="kakunin();" id="Select1">
102
+
103
+ <option value=""></option>
104
+
105
+ <option value="参加する(初めて)" id="support1">参加する(初めて)</option>
106
+
107
+ <option value="参加する(2回目)" id="support2">参加する(回目)</option>
108
+
109
+ <option value="参加する(3回目以上)" id="support2">参加する(3回目以上)</option>
110
+
111
+ <option value="参加しない" id="support2">参加しない</option>
112
+
113
+ </select>
114
+
115
+
116
+
117
+ <div id="notpt">
118
+
119
+ <select name="参加しない限定" required="required">
120
+
121
+ <option value="参加しない" id="support2">参加しない</option>
122
+
123
+ </select>
124
+
125
+ </div>
126
+
127
+
128
+
129
+ <div id="pt">
130
+
131
+ <select name="参加選択可" required="required">
132
+
133
+ <option value=""></option>
134
+
135
+ <option value="参加する" id="support1">参加する</option>
136
+
137
+ <option value="参加しない" id="support2">参加しない</option>
138
+
139
+ </select>
140
+
141
+ </div>
142
+
143
+
144
+
145
+ <div id="notpt2">
146
+
147
+ <select name="参加しない限定2" required="required">
148
+
149
+ <option value="参加しない" id="support2">参加しない</option>
150
+
151
+ </select>
152
+
153
+ </div>
154
+
155
+
156
+
157
+ <div id="pt2">
158
+
159
+ <select name="参加選択可2" required="required">
160
+
161
+ <option value=""></option>
162
+
163
+ <option value="参加する" id="support1">参加する</option>
164
+
165
+ <option value="参加しない" id="support2">参加しない</option>
166
+
167
+ </select>
168
+
169
+ </div>
170
+
171
+
172
+
173
+ </form>
174
+
175
+ </body>
176
+
177
+ </html>
178
+
179
+ ```