以下の2つのリストボックスがあり、Aリストボックスから任意の一つを選択したら、Aの値にマッチするBリストボックスの値(複数あり)をリストさせ1つだけ選択できるようにしたいのですが、標準機能ではできなそうなので、JavaScriptで実装する場合、どのようにすれば良いのかご教授願います。
以下の例で示すと、Aリストボックスから1を選択したら、Bリストボックスから品種1に該当する品名をリストし、ユーザーはその品名の中から1つを選択できるようにする。
Aリストボックス
品種
1
2
3
Bリストボックス
品種 品名
1 りんご1
1 りんご2
2 みかん1
2 みかん2
3 すいか1
3 すいか2