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

質問編集履歴

3

コードの追記

2019/08/20 00:46

投稿

xx_6_6_xx
xx_6_6_xx

スコア42

title CHANGED
File without changes
body CHANGED
@@ -36,4 +36,18 @@
36
36
  ```
37
37
 
38
38
  詳細記載遅くなり、申し訳ありません。。。
39
- どなたか教えていただけると助かります。。宜しくお願いします。。。。
39
+ どなたか教えていただけると助かります。。宜しくお願いします。。。。
40
+
41
+
42
+
43
+ ###追記②(data属性を試した結果)
44
+ ```html
45
+ <td class="fruit" data-test ='Apple,秋'>りんご</td>
46
+ ```
47
+ ```jQuery
48
+ test = $('table tr.data td.fruit).data("test");
49
+ console.log(test)//undefined
50
+ ```
51
+
52
+ そもそもdata属性の使い方が間違っていたらすみません、、
53
+ よろしくお願い致します。

2

詳細を追記

2019/08/20 00:46

投稿

xx_6_6_xx
xx_6_6_xx

スコア42

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,27 @@
1
+ ###したいこと
2
+ テーブルのセルをクリックして、その詳細データを表示させる。。ということがしたいです。
3
+
4
+ 例えば、こういうtable(Web画面に表示されています)があり、
5
+ |No|品目|季節|
6
+ |:--|:--:|--:|
7
+ |1|りんご|秋|
8
+ |2|りんご|夏|
9
+ |3|ばなな|夏|
10
+
11
+ 「No1:りんご」をクリックすると
12
+ SQLが実行⇒データ取得
13
+ ⇒別窓でデータ表示(下表のような)
14
+
15
+ |日付|品目|売数|残|季節
16
+ |:--|:--:|:--:|--:|--:|
17
+ |2019/6/30|Apple|130|20|秋|
18
+ |2019/7/31|Apple|120|50|秋|
19
+
20
+ そのために、りんご をクリックされたときに、
21
+ 「Apple」と「秋」というvalueがほしいな・・・と思いました。。。
22
+
23
+ ただ、<td>タグにvalueとなると、どうしたらいいのでしょうか。。
24
+
1
25
  <td>タグにvalueつけることなんてできないですよね。。。?
2
26
  ```html
3
27
  <td value="Apple">りんご</td>
@@ -9,4 +33,7 @@
9
33
 
10
34
  ```html
11
35
  <td><input type="hidden" name="english" value="Apple" >りんご</td>
12
- ```
36
+ ```
37
+
38
+ 詳細記載遅くなり、申し訳ありません。。。
39
+ どなたか教えていただけると助かります。。宜しくお願いします。。。。

1

試した方法の追記

2019/08/20 00:36

投稿

xx_6_6_xx
xx_6_6_xx

スコア42

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,12 @@
1
1
  <td>タグにvalueつけることなんてできないですよね。。。?
2
2
  ```html
3
- <td value="りんご">りんご</td>
3
+ <td value="Apple">りんご</td>
4
+ ```
5
+
6
+ ###追記
7
+
8
+ あとはこれくらいしか思いつかなかったのですが。。
9
+
10
+ ```html
11
+ <td><input type="hidden" name="english" value="Apple" >りんご</td>
4
12
  ```