2016-10-21 26 views
0

まず最初に、具体的にする必要があります。ライブ検索ではドロップダウンリストで、提案のドロップダウンリストではライブ検索ではありません。私の検索作業のほとんどは自動検索の作成方法を教えてくれましたが、検索の前と途中に提案のドロップダウンリストを表示します。htmlドロップダウンメニューの検索方法

ここでは、彼が好きな食べ物の種類、リンゴ、オレンジ、バナナを選択できるドロップダウンリストがあります。これら3つの果物だけではなく、約100の果物のリストがあるとしましょう。彼がリストの一番上にあるリンゴを選ぶのであれば、スクロールは問題にならないだろうが、オレンジ色を選択するには下までスクロールしなければならない。代わりに、私は入力フィールドを含むので、 "o"を入力すると、ドロップダウンリストには "o"で始まるすべてのフルーツが自動的に表示されます。

ユーザーが最初に検索し、入力に基づいて候補を表示させるのは簡単ですが、このコードは、ユーザーが最初にオプションのドロップダウンリストを表示したい場合に便利です。特定のオプションのリストを検索するオプション。

コードがPHPを使用していると私はもっと感謝しています。

ありがとうございます。

  • 更新 さらに詳しい調査の後、私は自分の必要性に合わせてトピックを編集しました。 https://www.html5andbeyond.com/live-search-a-html-list-using-jquery-no-plugin-needed/ - これはHTMLリスト上でライブ検索を作成するためのコードへのリンクです。違いは、今回はドロップダウンメニューでなければならないということです。ユーザーは、ドロップダウンリストを表示するドロップダウンメニューをクリックし、ライブ検索フィールドもリストを検索します。 :)

答えて

関連する問題