賞味不明ボックスとして使用されるブートストラップを使用したドロップダウン

Google検索のような検索ボックスを提供したいと思います。 w3schoolsの例に基づいて、私は以下のことを試みました。 JavaScriptコードで賞味不明ボックスとして使用されるブートストラップを使用したドロップダウン

<div id = "listSuggestionsdiv" class = "dropdown"> 
    <input type = "text" class="someClass, dropdown-toggle" data-toggle="dropdown"> 
    <ul class = "dropdown-menu" style = "z-index:9999"> 
    </ul> 
</div>

、Iは、配列提案、提案リチウム要素として表示されなければならないから値を有します。

PS：jqueryに先読み機能は必要ありません。また、提案ボックスは、入力テキストボックスに適切に配置する必要があります。

ありがとうございます。

出典

2016-03-29 Anusha

[typeahead.js]（https://twitter.github.io/typeahead.js/）を試してください。 – itzmukeshy7

データリストを使用できます。しかし、現代のブラウザでのみ動作しますこの記事をチェック：http://blog.teamtreehouse.com/creating-autocomplete-dropdowns-datalist-element

出典

2016-03-29 10:23:12 srjsrj

データリストも必要ありません。なぜなら、ユーザがスペルミスをした場合、それは提案ボックスに表示されないからです。 – Anusha

したがって、ブートストラップのドロップダウンを使用する場合は、単純なjsではなくカスタムを書く必要があります。ブートストラップテーマの[Select2]（https://select2.github.io/select2-bootstrap-theme/）プラグインを使用することをお勧めします。これはあなたが説明したすべてのことを行うことができます。 – srjsrj

賞味不明ボックスとして使用されるブートストラップを使用したドロップダウン

答えて

関連する問題