テキストボックスの検索でドロップダウンリストビューを追加するには？

-1

私はこのタイプのドロップダウンを自分のページに実装しようとしています。どんな助けも高く評価されます。テキストボックスの検索でドロップダウンリストビューを追加するには？

2017-02-21 Kazim Ali

これをチェックしてください。 https://www.templatemonster.com/blog/drop-down-menu-tutorials-html5-jquery-css3/ 質問を投稿する前にやりたいことをgooglingしてみてください。チャンスは、誰かがすでにその質問をしており、すでに回答されているということです。 –

あなたはすでに何か試しましたか？ – dakab

はいこれを行うにはブートストラップを試していますが、それは正しく機能しません。 –

<datalist>要素を使用すると、HTML5のネイティブのドロップダウンメニューの実装を利用できます。

実施例：

<input list="adventure" name="myAdventure" placeholder="Start your search by typing 'Location' or 'Activity'" size="45"> 
 

 
<datalist id="adventure"> 
 
    <option value="Location - Azad Kashmir"> 
 
    <option value="Location - Balochistan"> 
 
    <option value="Location - Chitral/Kalash"> 
 
    <option value="Location - Fairy Meadows"> 
 
    <option value="Location - Hunza/Gilgit"> 
 
    <option value="Location - Islamabad"> 
 

 
    <option value="Activity - Beach"> 
 
    <option value="Activity - Cliff Diving"> 
 
    <option value="Activity - Cultural Tour"> 
 
    <option value="Activity - Desert Safari"> 
 
    <option value="Activity - Moutaineering"> 
 
    <option value="Activity - Paragliding"> 
 
</datalist>

出典

2017-02-21 17:17:30 Rounin

あなたは、このようなjQuery UI's Autocomplete componentとして、jQueryプラグインを利用することができます。

ユーザーは入力済みの値の一覧から、検索とフィルタリングを利用して値をすばやく見つけて選択することができます。

出典

2017-02-21 10:54:00 user1904110

テキストボックスの検索でドロップダウンリストビューを追加するには？

答えて

関連する問題