回答編集履歴
2
ちょうせい
answer
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
getElementsByClassNameが返すのはHTMLCollecitionなので
|
2
2
|
valueプロパティを持っていません
|
3
3
|
|
4
4
|
こんな感じでしょうか?
|
1
ちょうせい
answer
CHANGED
@@ -1,5 +1,23 @@
|
|
1
|
-
|
1
|
+
なお、getElementsByClassNameが返すのはHTMLCollecitionなので
|
2
|
+
valueプロパティを持っていません
|
2
3
|
|
4
|
+
こんな感じでしょうか?
|
3
|
-
|
5
|
+
(hiddenは確認しにくいのでtextに変えてあります)
|
6
|
+
```javascript
|
7
|
+
<script>
|
8
|
+
window.addEventListener('DOMContentLoaded', ()=>{
|
9
|
+
var code = "A";
|
10
|
+
var name = "太郎";
|
4
|
-
|
11
|
+
Object.entries({code,name}).forEach(x=>{
|
12
|
+
[...document.querySelectorAll(`.${x[0]}[value="${x[1]}"]`)].forEach(y=>{
|
13
|
+
y.remove();
|
14
|
+
});
|
15
|
+
});
|
16
|
+
});
|
5
|
-
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<input type="text" name="code[]" class="code" value="A">
|
20
|
+
<input type="text" name="code[]" class="code" value="B">
|
21
|
+
<input type="text" name="name[]" class="name" value="太郎">
|
22
|
+
<input type="text" name="name[]" class="name" value="花子">
|
23
|
+
```
|