質問編集履歴

6

追記

2016/06/15 19:18

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -217,3 +217,13 @@
217
217
  </script>
218
218
 
219
219
  ```
220
+
221
+
222
+
223
+ ただこの場合、function getSkill()の配列が増減したら
224
+
225
+ それに合わせてjsの方の増減も手動で行わなくてはいけません...
226
+
227
+
228
+
229
+ なにか良法はないでしょうか...

5

追記

2016/06/15 19:18

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -206,6 +206,10 @@
206
206
 
207
207
  option.setAttribute("value","HTML");
208
208
 
209
+ option.appendChild( document.createTextNode("HTML") );
210
+
211
+ /*option量産...*/
212
+
209
213
  document.getElementById("target").appendChild(tr).appendChild(td).appendChild(select).appendChild(option);
210
214
 
211
215
  }

4

追記

2016/06/15 19:16

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -190,6 +190,10 @@
190
190
 
191
191
  ```ここに言語を入力
192
192
 
193
+ <script type="text/javascript">
194
+
195
+ function add(){
196
+
193
197
  var tr = document.createElement("tr");
194
198
 
195
199
  var td = document.createElement("td");
@@ -198,6 +202,14 @@
198
202
 
199
203
  var option = document.createElement("option");
200
204
 
205
+ select.setAttribute("name","programs[]");
206
+
201
- option.setAttribute("value","HTML")
207
+ option.setAttribute("value","HTML");
208
+
202
-
209
+ document.getElementById("target").appendChild(tr).appendChild(td).appendChild(select).appendChild(option);
210
+
211
+ }
212
+
213
+ </script>
214
+
203
- ```
215
+ ```

3

追記

2016/06/15 19:11

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -183,3 +183,21 @@
183
183
  ?>
184
184
 
185
185
  ```
186
+
187
+
188
+
189
+ こんな感じで作っていくしかないのでしょうか?
190
+
191
+ ```ここに言語を入力
192
+
193
+ var tr = document.createElement("tr");
194
+
195
+ var td = document.createElement("td");
196
+
197
+ var select = document.createElement("select");
198
+
199
+ var option = document.createElement("option");
200
+
201
+ option.setAttribute("value","HTML")
202
+
203
+ ```

2

追記

2016/06/15 18:57

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -117,3 +117,69 @@
117
117
  それで分からないからここで質問してます。
118
118
 
119
119
  分かりやすく解説頂けるとありがたいです。
120
+
121
+
122
+
123
+ ちなみに
124
+
125
+ <?php echo Programmerskill::getSkill(); ?>
126
+
127
+ はこうなってます。
128
+
129
+
130
+
131
+ <?php echo Skillyear::getYear(); ?>
132
+
133
+ も配列の中身が違うだけで同じ作りです。
134
+
135
+
136
+
137
+ ```ここに言語を入力
138
+
139
+ <?php
140
+
141
+ class Programmerskill {
142
+
143
+ function getSkill(){
144
+
145
+ $options = array(
146
+
147
+ 'HTML',
148
+
149
+ 'CSS',
150
+
151
+ 'JavaScript',
152
+
153
+ 'PHP',
154
+
155
+ 'SQL',
156
+
157
+ 'Perl',
158
+
159
+ 'Ruby',
160
+
161
+ 'Python',
162
+
163
+ 'JAVA',
164
+
165
+ 'Objective-C',
166
+
167
+ 'Swift',
168
+
169
+ 'Unity');
170
+
171
+ for ($i=0; $i < count($options); $i++) {
172
+
173
+ $attr = $options [$i] == 'JAVA' ? ' selected' : '';
174
+
175
+ echo "<option value=".$options[$i].$attr.">".$options[$i]."</option>";
176
+
177
+ }
178
+
179
+ }
180
+
181
+ }
182
+
183
+ ?>
184
+
185
+ ```

1

追記

2016/06/15 18:54

投稿

earnest_gay
earnest_gay

スコア615

test CHANGED
File without changes
test CHANGED
@@ -91,3 +91,29 @@
91
91
  外部ファイルからクラス呼び出しているのでそれに合わせてイチからjs作るのはちょっと...
92
92
 
93
93
  ってなって質問してみました。
94
+
95
+
96
+
97
+ inputを動的に追加する為のjsは上記みたいな感じで簡単に作れますよ。
98
+
99
+ input単一ですから。
100
+
101
+
102
+
103
+ ただ、既にあるselectboxと同じものを動的に追加する為のjsを作るのは...
104
+
105
+ optionが2、3個ならいいですが(いや、2、3個でもしんどい)
106
+
107
+ optionが10個とか多数ある場合は
108
+
109
+ どうやったらいいんでしょうか?
110
+
111
+
112
+
113
+ 色んなサイトみてもわからないから、最終的にここで質問しています。
114
+
115
+ コードと解説しているリンク先を頂けるのはありがたいですが、
116
+
117
+ それで分からないからここで質問してます。
118
+
119
+ 分かりやすく解説頂けるとありがたいです。