1

大規模な顧客向けに 1000 を超えるアイテムを含む可能性のある選択ドロップダウンがあります。

<select name="location" id="location">
    <option value="1">Store# 1257</option>
    <option value="2">Store# 1258</option>
    ...
    <option value="973">Store# 8200</option>
    <option value="974">Store# 8250</option>
    <option value="975">Store# 8254</option>
    <option value="976">Store# 8290 Fuel Center</option>
</select>

テキストボックスもあり、ユーザーがテキストを入力すると、選択したアイテムをドロップダウンに移動したいと考えています。

たとえば、ユーザーが 82 と入力した場合、82 が存在するボックス内の最初の項目に移動したいとします。これは値 973 になります。ユーザーが 825 と入力した場合は、974 に移動します。ユーザーが Fuel と入力した場合は、その文字列を含む最初のオプション。

現在、JavaScript ライブラリとして jquery を使用しています。

これを解決するために何を提案しますか?オートコンプリートに切り替える必要がありますか? もしそうなら、リスト全体をドロップダウンするための矢印があるものが必要です.

ありがとう。

4

2 に答える 2