質問†

セレクトボックスコンポーネントで選択した候補の、
value ではなく、label を取得する方法はありますか？

↑

回答†

セレクトボックスに表示される「ラベル」は
セレクトボックスの options にセットされていますので、
セレクトボックスの value をキーに、対応する label を検索することで実現可能です。

optionsは配列ですので、
Arrayのfindメソッドを活用されてはいかがでしょうか。

（例）コンソールログに、セレクトボックス（select_01）で選択中の「label」を表示する。

　　const res = $ui.select_01.options.find((obj) => {
　　   return obj.value === $ui.select_01.value;
　　});
　　console.log(res.label);

■セレクトボックス
　https://docs.webperformer.jp/component/select

↑

更新履歴†

2023-07-31 公開