class を持つ要素のリストがあり、.node-displayクリックすると入力になります。下向きまたは上向きの矢印キーアップをキャプチャして.node-display、リスト内の次の要素をクリックします (現在の要素に対して)。

以下の例では、下に押すと項目 5 がクリックされ、上に押すと項目 3 がクリックされます。

• 1
• 2
• 3
• 4 (現在選択中)
• 5
• 6

私の最良の推測は、このようなものです。

この式を実際にどのように書くか知っている人はいますか?

tom-select の例のように、独自の方法selectで要素を初期化したいと思います。

2 つの異なる方法があります。

ケース 1: ページ全体が読み込まれる

この場合、最新の onLoad メソッドの 1 つを使用できます。

例えば：

ケース 2: フラグメントが htmx 経由で DOM に挿入される

スニペットを初期化する方法は?

優先ソリューション

HTML とオンロード コードを 1 か所 ( Locality of Behavior ) に配置し、この HTML フラグメントを両方のケースで同じにする必要があります。

今のところ、Hyperscript や Alpine.js は使用していませんが、ソリューションが簡単になるのであれば、これらのライブラリのいずれかを使用することにオープンです。