jspでボタンを動的に増やす方法

現在質問を修正中ですが想定よりかなり時間がかかっています。
申し訳ありませんがもうしばらくお待ちください。

プログラミング初心者です。
データベースにある要素の数だけhtmlのボタンをループで増やすというプログラムを作りたいのですが方法がわからず躓いております。
具体的なプログラムのイメージを記述します。

りんご（紅玉、500円、青森）、みかん（日向夏、300円、宮崎）、バナナ（モンキーバナナ、100円、フィリピン）という情報をデータベースに登録します。
別ページで、登録した果物の名前のみを一覧でボタン表示にします。（りんご・みかん・ばなな）
りんごのボタンを押すとデータベースに登録しておいたリンゴの情報（紅玉、500円、青森）を表示するページに遷移する。
みかんのボタンが押されればみかんの情報、バナナのボタンが押されればバナナの情報を表示します。
このボタンをデータベースにある果物の名前の数だけ増やすという操作を行いたいのですが、
<input type="button" name="btn" value="（果物の名前）" onclick="location:href='○○○○'" />
上記のような形でボタンを設置するとどこにループ要素を組み込めばよいのかがわかりません。
jsp側でボタンの数を操作するという考えがそもそも間違っていて、フレームワーク等を利用するものなのでしょうか。
for文の基本的な使い方は把握しております。

質問が長文になってしまい申し訳ありませんが回答よろしくお願いいたします。

yambejp

2022/02/08 06:40

jsp側のソースはどうなっていますか？

meema

2022/02/08 08:34

修正依頼いただきありがとうございます。私の不勉強さゆえにyambejp様の質問の意図がよくわからないため、的外れな返答をしていましたら大変申し訳ないです。このシステムではサーブレットでDBに登録された果物の情報を取得し、それらをセッションに保存する。 jsp側ではセッションに保存された果物の数だけボタンをループさせて表示するという想定でした。ですので当初の質問に書いた内容とほぼ同じものではありますが、jsp側に書くコードとしては <input type="button" name="btn" value="$（セッションに保存された果物の名前）" onclick=画面遷移する動作> というものだけを想定していました。

jimbe

2022/02/08 08:42

まずその3つのデータがある場合にどのような **html** になるかを作ってみては如何でしょうか。そこから、 3 つのデータの部分を 1 つにして for で回るようにしてみる(リンゴのデータが 3 つになったりしますが)、果物のデータ部分を変数(配列?)にする、値をデータベースから取得する…と少しずつ修正しては動かして確認を繰り返していくと、それぞれの段階で理解が深まったり、分からなくなったらその html(JSP) をご提示されれば、日本語で説明するよりも具体的で回答が付き易いと思います。

meema

2022/02/08 09:07

アドバイスいただきありがとうございます。全くもって仰る通りで最初の段階で諦めかけていた自分が浅はかでした。どれほど時間がかかって再度新しい情報をお出しできるのかは分かりませんが、ひとまず可能な限りプログラムを書こうと思います。

行動規範の内容に同意します

回答1件

あくまでボタンもhtml要素のひとつなので、単純に考えればDBから取得してループする中に出力を組み込めばそのループ回数分だけ出力されます。
用途次第ですが、特にidは同ページ内に重複不可なので行番号をつけるなど一意にする必要があります。

投稿2022/02/08 06:56

m.ts10806

総合スコア80850

meema

2022/02/08 08:36

回答いただきありがとうございます。ビューとロジックを分けるという考えから、DBから果物の情報を取得して保存する動作と、画面にボタンを設置する動作を分割して考えていました。行いたい操作を段階に分けると、 1，DBから果物の情報を一括で取得する。 2，取得した果物の情報をセッションに保存する。 3，果物の名前をセッションから取得する。 4，取得した果物の名前に対応するボタンを設置する。こうなるかと思います。当初私はこの4番目の操作だけをjsp側で行うことを考えていましたが、m.ts10806様の教えによると3，4の動作をjsp側にfor文でまとめて繰り返すことで、想定した動作になるということでよろしいでしょうか。