どのように私はこのような選択肢の要素を作ることができますか?Googleのドロップダウンリスト(選択 - >オプション)
答えて
これはないselect
要素です。
これは、div
、または同様のもので、ボタンをクリックすると表示されます。あなたは直接にはGoogleのような作業例を持っている場合は特にあなたが本当にこれを自分で調査する必要があり
$(".button").click(function(){
$(".popup").toggle();
});
なぜdownvote? – Curt
、次のような
、これは影響を与え得るCSSを使って要素を配置し、その後、いくつかのJavaScriptを使用するには/ jQueryの君の前。
その後、この記事はあなたを助けることに失敗:
http://theodin.co.uk/blog/jquery/fancy-select-options-jquery-css3.html
それはjQueryのを使用して選択空想を作成する方法の完全な詳細な説明があります。
正常に失敗しないように常に注意してください。そうしないと、正しく設定されていない人にウェブサイトが役に立たなくなります。だから通常のselect-optionでhtmlを作成すれば、コードは普通のクラス(例えば "fancySelect")で動作します。次にjQueryで "fancySelect"ですべてのアイテムを選択し、この新しいファンシーセレクトを作成するのに必要な変更を適用します。オプションを適切にスタイル設定されたdivに解析し、上のリンクで詳しく説明しているjavascriptを適用します。
- 1. Internet Explorerのドロップダウンリストからオプションを選択
- 2. 複数選択ドロップダウンリストで選択したオプションを表示 - Yii2
- 3. Thymeleaf:th:ドロップダウンリストで選択
- 4. ドロップダウンリストの選択
- 5. HTMLドロップダウンリストを選択
- 6. バインディングのオプションとオプションテキストknockout.jsでのドロップダウンリストの選択
- 7. 選択オプションの選択複数選択オプションのデータ属性
- 8. WWW :: Mechanize-ドロップダウンリストから選択
- 9. ドロップダウンリストで唯一のオプションを自動選択する
- 10. Excel VBAオプションWebサイトのドロップダウンリストとクリックを選択
- 11. オプションユーザーがドロップダウンリストでオプションを選択した後のラジオボタンとテキストボックス
- 12. 複数選択ドロップダウンリスト
- 13. MVC2マルチ選択ドロップダウンリスト
- 14. Html選択 - >オプション、値として選択した色
- 15. ドロップダウンリストでオプションを選択する方法htmlhelper
- 16. セカンダリスレッドのドロップダウンリストの選択
- 17. Sitecoreの複数選択ドロップダウンリスト
- 18. ASP.NETの複数選択ドロップダウンリスト
- 19. @HTMLドロップダウンリストの選択値
- 20. ドロップダウンリストで複数の選択
- 21. ドロップダウンリストの一部をランダムに選択
- 22. は選択オプション
- 23. 選択オプション
- 24. オプション(選択)フローチェック
- 25. 選択オプションが
- 26. オプションを選択
- 27. バインディングの選択/オプション
- 28. 選択項目 - ドロップダウンリスト - SQL
- 29. databoundドロップダウンリスト項目を選択
- 30. フィルタを選択するドロップダウンリスト
コードを調べて、Googleがどのように動作するかを確認してください。あなたが働いているサンプルを持っているなら、勉強するのが最良の方法です。 –
この「私のコードを書いてください」という質問をしないようにしてください。あなたが直面している正確な問題を指定してください。ボタンをクリックするとアイテムのリストが表示されますか?アイテムのリストを配置することで?アイテムがクリックされたときにボタンを更新すると、これまでに試したことや遭遇している問題を教えてください。 –