teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

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

2015/12/15 06:52

投稿

lime
lime

スコア16

title CHANGED
File without changes
body CHANGED
@@ -5,4 +5,86 @@
5
5
  jsのソースを相対パスで外部ファイルにしても現象は変わりませんでした。
6
6
 
7
7
  原因がわからず困っております。
8
- よろしくお願い致します。
8
+ よろしくお願い致します。
9
+
10
+ load時に、参加しない限定と参加しない限定2を非常時にしてます。
11
+ 次に、selectboxで表示しないを選択時に、条件に沿った表示を切り替えています。
12
+
13
+
14
+ ```html
15
+ <!DOCTYPE html>
16
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
17
+ <head>
18
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19
+ <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
20
+ <meta http-equiv="Content-Script-Type" content="text/javascript"/>
21
+
22
+ <script type="text/javascript" language="javascript">
23
+ function hiddenblock() {
24
+ document.getElementById("notpt").style.display="none";
25
+ document.getElementById("notpt2").style.display="none";
26
+ }
27
+ </script>
28
+
29
+ <script type="text/javascript" language="javascript">
30
+ function kakunin() {
31
+ wkJyu1index = document.check.Select1.selectedIndex;
32
+ wkJyu1 = document.check.Select1.options[wkJyu1index].value;
33
+
34
+ if(wkJyu1 == "参加しない"){
35
+ document.getElementById("notpt").style.display="block";
36
+ document.getElementById("pt").style.display="none";
37
+ document.getElementById("notpt2").style.display="block";
38
+ document.getElementById("pt2").style.display="none";
39
+ }else{
40
+ document.getElementById("pt").style.display="block";
41
+ document.getElementById("notpt").style.display="none";
42
+ document.getElementById("pt2").style.display="block";
43
+ document.getElementById("notpt2").style.display="none";
44
+ }
45
+ }
46
+ </script>
47
+ </head>
48
+
49
+ <body onLoad="hiddenblock()">
50
+ <form name="check">
51
+ <select name="サマリーセッション" required="required" onChange="kakunin();" id="Select1">
52
+ <option value=""></option>
53
+ <option value="参加する(初めて)" id="support1">参加する(初めて)</option>
54
+ <option value="参加する(2回目)" id="support2">参加する(回目)</option>
55
+ <option value="参加する(3回目以上)" id="support2">参加する(3回目以上)</option>
56
+ <option value="参加しない" id="support2">参加しない</option>
57
+ </select>
58
+
59
+ <div id="notpt">
60
+ <select name="参加しない限定" required="required">
61
+ <option value="参加しない" id="support2">参加しない</option>
62
+ </select>
63
+ </div>
64
+
65
+ <div id="pt">
66
+ <select name="参加選択可" required="required">
67
+ <option value=""></option>
68
+ <option value="参加する" id="support1">参加する</option>
69
+ <option value="参加しない" id="support2">参加しない</option>
70
+ </select>
71
+ </div>
72
+
73
+ <div id="notpt2">
74
+ <select name="参加しない限定2" required="required">
75
+ <option value="参加しない" id="support2">参加しない</option>
76
+ </select>
77
+ </div>
78
+
79
+ <div id="pt2">
80
+ <select name="参加選択可2" required="required">
81
+ <option value=""></option>
82
+ <option value="参加する" id="support1">参加する</option>
83
+ <option value="参加しない" id="support2">参加しない</option>
84
+ </select>
85
+ </div>
86
+
87
+ </form>
88
+ </body>
89
+ </html>
90
+ ```