質問編集履歴

3

2022/02/02 03:45

投稿

meron88
meron88

スコア50

test CHANGED
File without changes
test CHANGED
@@ -1,107 +1,55 @@
1
1
  ### 前提・実現したいこと
2
-
3
2
  初歩的なことかもしれませんが、、
4
-
5
3
  選択ボタンをクリックした際に、クリックした行の値を取得したいが、
6
-
7
4
  どの行をクリックしても、みかんとA1の値が取得されてしまいます。
8
-
9
-
10
5
 
11
6
  よろしくお願いいたします。
12
7
 
13
8
 
14
-
15
9
  ### 該当のソースコード
16
10
 
17
-
18
-
19
11
  ```html
20
-
21
12
  <table class="table table-hover table-bordered" id="table">
22
-
23
13
  <thead class="thead-light" style="position: sticky; top: 0; z-index: 1;">
24
-
25
14
  <tr>
26
-
27
15
  <th scope="col" class="text-center">選択</th>
28
-
29
16
  <th scope="col" class="text-center">商品名</th>
30
-
31
17
  <th scope="col" class="text-center">商品CDCD</th>
32
-
33
18
  </tr>
34
-
35
19
  </thead>
36
-
37
20
  <tbody>
38
-
39
21
  <tr id="somerow">
40
-
41
22
  <td class="text-center">
42
-
43
23
  <button class="btn btn-success ml-2" type="button" onclick="btnClick();">選択</button>
44
-
45
24
  </td>
46
-
47
25
  <td>みかん</td>
48
-
49
26
  <td>A1</td>
50
-
51
27
  </tr>
52
-
53
28
  <tr id="somerow">
54
-
55
29
  <td class="text-center">
56
-
57
30
  <button class="btn btn-success ml-2" type="button" onclick="btnClick();">選択</button>
58
-
59
31
  </td>
60
-
61
32
  <td>メロン</td>
62
-
63
33
  <td>B1</td>
64
-
65
34
  </tr>
66
-
67
35
  </tbody>
68
-
69
36
  </table>
70
-
71
37
  ```
72
38
 
73
-
74
-
75
39
  ```javascript
76
-
77
40
  <script type="application/javascript">
78
-
79
41
  function btnClick() {
80
-
81
42
  var Row = document.getElementById("somerow");
82
-
83
43
  var Cells = Row.getElementsByTagName("td");
84
-
85
44
  const name = Cells[1].innerText;
86
-
87
45
  const cd = Cells[2].innerText;
88
-
89
46
  }
90
-
91
47
  </script>
92
-
93
48
  ```
94
49
 
95
-
96
-
97
50
  ### 試したこと
98
-
99
51
  tdタグの中の値を取得したが、全て1列目の みかんとA1しか取得されない
100
-
101
-
102
52
 
103
53
  ### 補足情報(FW/ツールのバージョンなど)
104
54
 
105
-
106
-
107
55
  ここにより詳細な情報を記載してください。

2

2021/12/03 18:14

投稿

meron88
meron88

スコア50

test CHANGED
File without changes
test CHANGED
@@ -9,10 +9,6 @@
9
9
 
10
10
 
11
11
  よろしくお願いいたします。
12
-
13
-
14
-
15
- ![イメージ説明](8f8b8ff4401e8a4e4a5e04977517ea1b.png)
16
12
 
17
13
 
18
14
 

1

javascriptを修正したしました。

2021/12/03 18:14

投稿

meron88
meron88

スコア50

test CHANGED
File without changes
test CHANGED
@@ -74,6 +74,8 @@
74
74
 
75
75
  ```
76
76
 
77
+
78
+
77
79
  ```javascript
78
80
 
79
81
  <script type="application/javascript">