オートコンプリート入力ボックス (jquery オートコンプリート) があるシナリオに出くわしました。ユーザーが何かを入力すると、候補リストが表示されます。しかし、私の要件では、そのリストを非表示にし、そのリストから要素を選択して別のリストを表示する必要があります。元のリストがこのようなものだとしましょう
<ul>
<li><a>first element</a></li>
</ul>
<ul>
<li><a>second element</a></li>
</ul>
ul リストの上に非表示にし、このリストから要素を取得して div 構造で表示します
<div><div>first element</div></div>
<div><div>second element</div></div>
ユーザーがdivをクリックして値を選択すると、問題が発生します。私がしたことは、対応するアンカータグのクリックイベントをトリガーすることですが、クリックイベントをトリガーした要素ではなく、常にulリストの最初の要素を選択します。分析の結果、オートコンプリートがホバーされているものを選択することがわかりました（内部的には this.select から要素を取得します）。これを達成できる解決策はありますか?
div 構造で表示する必要がある理由は、ページネーションの方法でオートコンプリート リストを表示する必要があるためです。
シナリオを再現するために、「クリックして選択」ボタンをクリックしてリストから要素を選択したいとしましょう