長いリストの代わりにjQueryを使用< SELECT >ボックス？

Question

今、私はユーザーがドロップダウン（選択）ボックスからリングを選ぶことができるアプリを持っています。そこから選択することができます多くのことができ、それは非常に使いやすいではない長いドロップダウンを作成します。 jQueryを使ってこれをもっとうまく使いたいかもしれません。好きかもしれないオプションを絞り込むために、「ホワイトゴールド」、「イエローゴールド」などを選ぶことができるトップタブがあるかもしれません。私はjQueryを一度も使ったことがなく、ここで私にとって何ができるのか分からないので、私は何か提案をすることができます。私は1つの要件しか持っていませんが、今の各<オプションは、選択されたアイテムの在庫番号を示す値属性を持っているので、送信ボタンをクリックすると、処理ページには、私はその機能を維持する必要があります。

誰も私にこのためのクールな解決策を教えてもらえますか？

ありがとうございます！

Answer 1

まあ、何かFlexBoxのように？

Answer 2

まだjQuery UI Demosをチェックしましたか？相互作用「選択可能」とおそらくウィジェット「タブ」があなたにとって興味深いかもしれません。

Answer 3

jQuery autocompleteプラグインを参照してください。オートコンプリートリストから選択する必要があるように、オートコンプリート入力を制約することができます。必要な文字数を0に設定すると、テキストボックスがフォーカスを取得したときにリスト全体を表示し、ユーザーが入力を開始すると絞り込むことができます。