Googleのドロップダウンリスト（選択 - >オプション）

Question

どのように私はこのような選択肢の要素を作ることができますか？

Answer 1

これはないselect要素です。

これは、div、または同様のもので、ボタンをクリックすると表示されます。あなたは直接にはGoogleのような作業例を持っている場合は特にあなたが本当にこれを自分で調査する必要があり

$(".button").click(function(){ 
    $(".popup").toggle(); 
}); 

Answer 2

、次のような

、これは影響を与え得るCSSを使って要素を配置し、その後、いくつかのJavaScriptを使用するには/ jQueryの君の前。

その後、この記事はあなたを助けることに失敗：

http://theodin.co.uk/blog/jquery/fancy-select-options-jquery-css3.html

それはjQueryのを使用して選択空想を作成する方法の完全な詳細な説明があります。

正常に失敗しないように常に注意してください。そうしないと、正しく設定されていない人にウェブサイトが役に立たなくなります。だから通常のselect-optionでhtmlを作成すれば、コードは普通のクラス（例えば "fancySelect"）で動作します。次にjQueryで "fancySelect"ですべてのアイテムを選択し、この新しいファンシーセレクトを作成するのに必要な変更を適用します。オプションを適切にスタイル設定されたdivに解析し、上のリンクで詳しく説明しているjavascriptを適用します。