html - ウェブサイト検索のドロップダウン結果

Question

結果を新しいページに入力するのではなく、検索バーの下のドロップダウンウィンドウに結果を入力できるようにするWebサイト検索を作成するためのサービスまたはソリューションがあるかどうか疑問に思っています。グーグルの言葉の予測/提案のようなものですが、その場での提案ではなく、新しいDIVが提出時に結果とともにドロップダウンすることを望みます。

私が取り組んでいるウェブサイトは次のとおりです：http：//www.conceptsuppliers.com/beta

Answer 1

jQueryTokeninputプラグインを使用することを強くお勧めします。最近、ライブ検索機能のサイトにこれを実装しましたが、完全に機能します。

ライブラリには、検索バーとドロップダウン結果リストのあらゆる側面をスタイル設定するためのオプションが用意されています。

例：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tokeninput.js"></script>
<link rel="stylesheet" type="text/css" href="token-input.css" />

<script type="text/javascript">
$(document).ready(function () {
    $("#searchbar").tokenInput("/url_to_your_search_endpoint");
});
</script>

プラグインは、ドキュメントとともに、ここで見つけることができます：http: //loopj.com/jquery-tokeninput/