※ ChatGPTを利用し、要約された質問です(原文:javascriptでのオプション制御)
JavaScriptでのオプション制御
このQ&Aのポイント
JavaScriptを使用して、メーカー名選択リストに応じて商品名称選択リストのオプションを制御したいです。
選択したメーカー名に応じて、商品名称選択リストのオプションを動的に変更するために、JavaScriptを使用したいです。
JavaScriptを利用して、メーカー名選択リストに応じて商品名称選択リストを制御する方法を教えてください。
■環境
Struts1.3.8
Oracle10g
関連する2つの選択リストがあります<html:select>
・メーカー名
・商品名称
※メーカー名はメーカー管理テーブルに格納。カラムは、メーカーコードとメーカー名。
※商品名称は商品管理テーブルに格納。カラムは、商品コード、商品名称、メーカーコード、単価。
そして各テーブルには以下の値が格納されているとします。
☆メーカー管理テーブル
「メーカーコード」|「メーカー名」
----------------------------
C01 |カプコン
N01 |任天堂
S01 |スクウェア
☆商品管理テーブル
「商品コード」|「商品名称」 |「メーカーコード」|「単価」
--------------------------------------------------------
ITEM01 |ロックマン1 | C01 | 6000
ITEM02 |ロックマン2 | C01 | 6000
ITEM03 |ロックマン3 | C01 | 6000
ITEM04 |ドラクエ1 | S01 | 6000
ITEM05 |ドラクエ2 | S01 | 6000
ITEM06 |ドラクエ3 | S01 | 6000
ITEM06 |マリオカート1| N01 | 6000
ITEM06 |マリオカート2| N01 | 6000
ITEM06 |マリオカート3| N01 | 6000
<html:select>のオプションはテーブルから取得した内容を設定しております。
Aの画面にはsubmitボタンがあって、ボタンが押下後、javaが起動され
テーブルから値を取得して、Bの画面に選択リスト2つを表示しています。
※ここまでは実装できました。
メーカー名選択リストにて「カプコン」を選択した場合は、
商品名称選択リストのオプションはロックマン1~3のみ選択可能状態にして、
「任天堂」が選択された場合は、マリオカート1~3のみ選択可能状態にしたいです。
メーカー名選択リストのバリューに応じて、商品名称選択リストのラベルとバリューを
変化させたいのですが可能でしょうか?
javascript内で完結したいです。
やり方がわからなくて困っています。
お礼
ありがとうございます。 回答ありがとうございました!