onchange 関数が添付されたドロップダウン メニューがあります。この関数は、選択されたオプションの値を返します。
つまり、午前 9 時～午前 10 時は 1、午前 10 時～午前 11 時は 2 などです。
フュージョン テーブルにあるのは、一度にすべての時間を表示するカードですが、選択した時間だけを表示したいのです。
つまり、ユーザーが午前 9 時から午前 10 時までを選択すると、情報カードはその時間だけを表示し、それ以外の時間は非表示にします。
Googleが提供するコードを見ましたが、それを行う方法が正確にはわかりません。
<div class='googft-card-view' style='font-family: sans-serif; width: 450px; padding: 4px; border: 1px solid #ccc; overflow: hidden'>
<b>Station:</b> {Station}<br>
<b>Location:</b> {Location}<br>
<b>LINE:</b> {LINE}<br>
<b>IN_0200_0600:</b> {IN_0200_0600}<br>
<b>OUT_0200_0600:</b> {OUT_0200_0600}<br>
<b>{IN_0600_0930}<br>
<b>{OUT_0930_1500}<br>
</div>
それがポップアップするカードです。選択したドロップダウン値に応じて、4 つすべてではなく、1 つの時間だけを表示する必要があります。
どうすればこれができるか知っていますか？