質問編集履歴

1

HTML追記

2018/03/10 08:48

投稿

Otazoman
Otazoman

スコア44

test CHANGED
File without changes
test CHANGED
@@ -48,12 +48,138 @@
48
48
 
49
49
 
50
50
 
51
+ ```HTML
52
+
53
+ <!DOCTYPE html>
54
+
55
+ <html lang="ja">
56
+
57
+ <head>
58
+
59
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
60
+
61
+ <script type="text/javascript" src="js/dataop.js"></script>
62
+
63
+ <script type="text/javascript" src="js/getParam.js"></script>
64
+
65
+ <script type="text/javascript" src="js/search.js"></script>
66
+
67
+ <link href="css/design.css" rel="stylesheet" type="text/css">
68
+
69
+ <title>サンプル</title>
70
+
71
+ </head>
72
+
73
+ <body>
74
+
75
+ <div id = "SearchPanel"></div><br>
76
+
77
+ <input type="button" id ="select_search" value="検索">
78
+
79
+ </body>
80
+
81
+ </html>
82
+
83
+ ```
84
+
85
+ HTMLではJavaScriptから
86
+
87
+ > 引用テキスト<div id = "SearchPanel"></div>
88
+
89
+ の箇所に以下を出力しております。
90
+
91
+
92
+
93
+ ```出力コード
94
+
95
+ <div id="SearchPanel">
96
+
97
+ <ul class="container">
98
+
99
+ <div class="sh_panel">
100
+
101
+ <li>
102
+
103
+ <strong>その他OP2</strong><br>
104
+
105
+ <select name="panel_16" id="s_panel_16" style="width: 150px; font-size: 20px;">
106
+
107
+ <option value="select0">選択してください</option>
108
+
109
+ <option value="1000" selected="">1000</option>
110
+
111
+ <option value="2000">2000</option>
112
+
113
+ <option value="3000">3000</option>
114
+
115
+ <option value="4000">4000</option>
116
+
117
+ <option value="5000">5000</option>
118
+
119
+ <option value="6000">6000</option>
120
+
121
+ <option value="7000">7000</option>
122
+
123
+ <option value="8000">8000</option>
124
+
125
+ <option value="9000">9000</option>
126
+
127
+ <option value="10000">10000</option>
128
+
129
+ </select>
130
+
131
+ </li>
132
+
133
+ </div>
134
+
135
+ <div class="sh_panel">
136
+
137
+ <li>
138
+
139
+ <strong>あああああ</strong><br>
140
+
141
+ <label id="panel_17"><
142
+
143
+ input name="panel_17" id="s_panel_17" type="radio" checked="" value="1">
144
+
145
+ aaaa
146
+
147
+ </label>
148
+
149
+ <br>
150
+
151
+ <label id="panel_17">
152
+
153
+ <input name="panel_17" id="s_panel_17" type="radio" value="2">
154
+
155
+ bbbb
156
+
157
+ </label>
158
+
159
+ <br>
160
+
161
+ </li>
162
+
163
+ </div>
164
+
165
+ </ul>
166
+
167
+ </div>
168
+
169
+ ```
170
+
171
+
172
+
173
+
174
+
175
+
176
+
177
+
178
+
51
179
  検索ボタンをクリックすると下記を呼び出して動く仕組みと
52
180
 
53
181
  なっております。
54
182
 
55
-
56
-
57
183
  ```JavaScript
58
184
 
59
185
  function getSpanelParam(){