質問編集履歴

3 コードの追記

xx_6_6_xx

xx_6_6_xx score 42

2019/08/20 09:46  投稿

tdタグにvalue
###したいこと
テーブルのセルをクリックして、その詳細データを表示させる。。ということがしたいです。
例えば、こういうtable(Web画面に表示されています)があり、
|No|品目|季節|
|:--|:--:|--:|
|1|りんご|秋|
|2|りんご|夏|
|3|ばなな|夏|
「No1:りんご」をクリックすると
SQLが実行⇒データ取得
⇒別窓でデータ表示(下表のような)
|日付|品目|売数|残|季節
|:--|:--:|:--:|--:|--:|
|2019/6/30|Apple|130|20|秋|
|2019/7/31|Apple|120|50|秋|
そのために、りんご をクリックされたときに、
「Apple」と「秋」というvalueがほしいな・・・と思いました。。。
ただ、<td>タグにvalueとなると、どうしたらいいのでしょうか。。
<td>タグにvalueつけることなんてできないですよね。。。?
```html
<td value="Apple">りんご</td>
```
###追記
あとはこれくらいしか思いつかなかったのですが。。
```html
<td><input type="hidden" name="english" value="Apple" >りんご</td>
```
詳細記載遅くなり、申し訳ありません。。。
どなたか教えていただけると助かります。。宜しくお願いします。。。。
どなたか教えていただけると助かります。。宜しくお願いします。。。。
###追記②(data属性を試した結果)
```html
<td class="fruit" data-test ='Apple,秋'>りんご</td>
```
```jQuery
test = $('table tr.data td.fruit).data("test");
console.log(test)//undefined
```
そもそもdata属性の使い方が間違っていたらすみません、、
よろしくお願い致します。
  • HTML

    24949 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2 詳細を追記

xx_6_6_xx

xx_6_6_xx score 42

2019/08/20 09:36  投稿

tdタグにvalue
###したいこと  
テーブルのセルをクリックして、その詳細データを表示させる。。ということがしたいです。  
 
例えば、こういうtable(Web画面に表示されています)があり、  
|No|品目|季節|  
|:--|:--:|--:|  
|1|りんご|秋|  
|2|りんご|夏|  
|3|ばなな|夏|  
 
「No1:りんご」をクリックすると  
SQLが実行⇒データ取得  
⇒別窓でデータ表示(下表のような)  
 
|日付|品目|売数|残|季節  
|:--|:--:|:--:|--:|--:|  
|2019/6/30|Apple|130|20|秋|  
|2019/7/31|Apple|120|50|秋|  
 
そのために、りんご をクリックされたときに、  
「Apple」と「秋」というvalueがほしいな・・・と思いました。。。  
 
ただ、<td>タグにvalueとなると、どうしたらいいのでしょうか。。  
 
<td>タグにvalueつけることなんてできないですよね。。。?
```html
<td value="Apple">りんご</td>
```
###追記
あとはこれくらいしか思いつかなかったのですが。。
```html
<td><input type="hidden" name="english" value="Apple" >りんご</td>
```
```
詳細記載遅くなり、申し訳ありません。。。
どなたか教えていただけると助かります。。宜しくお願いします。。。。
  • HTML

    24949 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

1 試した方法の追記

xx_6_6_xx

xx_6_6_xx score 42

2019/08/19 17:02  投稿

tdタグにvalue
<td>タグにvalueつけることなんてできないですよね。。。?
```html
<td value="りんご">りんご</td>
<td value="Apple">りんご</td>
```
###追記
あとはこれくらいしか思いつかなかったのですが。。
```html
<td><input type="hidden" name="english" value="Apple" >りんご</td>
```
  • HTML

    24949 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る