選択した値を基に別のリストボックスから抽出したい

以下の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

kintone ui componentを使った下記が参考になるかと思います。

https://developer.cybozu.io/hc/ja/articles/360014149732-kintone-UI-Component-v0%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E5%8B%95%E7%9A%84%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%83%80%E3%82%A6%E3%83%B3%E3%82%92%E4%BD%9C%E6%88%90%E3%81%97%E3%82%88%E3%81%86-

mikan さん

ありがとうございます。
参考にして作成してみます。

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。