デフォルト値で選択リストを作成する方法はありますか？ドロップダウンはありません

Question

奇妙な質問のビットですが、「選択する」というテキストを表示する選択肢リストを作成する方法がありますが、クリックすると実際にはドロップされませんか？

なぜなら、コンテンツのサイズとページの表示領域が正しく表示されるdivタグから作成された表示内のすべてのオプションをカプセル化しているからです。私はそれらがトリガーとしてドロップダウン矢印で選択ボックスを使用したいが、何もしたくない。

これらは.aspページです。トップレベルのタグのCSSを使用すると幅を設定できますが、タグの幅をカテゴリの幅広い大きなタイトルに設定できるようにしたいと思いますが、残念ながらこれは機能しません。しかし、最初はドロップダウンボックスを使いたいので、最初は標準ボックスのように見えますが、そのようなアイテムのスタイリングはブラウザ固有のものです。

おかげ

Answer 1

http://jsfiddle.net/iambriansreed/SEen2/

はJavaScript

$('button').click(function(){ 
    $('div.options').show(); 
});​ 

HTML

<button type="button"> 
    <select> 
     <option>Select One</option> 
    </select> 
    <div></div> 
</button> 

<div class="options" style="display: none;"> some other option window. </div>​ 

CSS

button { 
    position: relative; 
    border: none; 
    background: none; 
    padding: 0; 
    outline: none;  
} 
button div { 
    position: absolute; 
    width: 100%; 
    z-index: 999; 
    top: 0; 
    bottom: 0; 
} 

狂った質問への狂った解決策。ボタンで囲まれた選択が私にクリック可能な領域を与えます。ボタンはdivラッパーと同じように簡単にできますが、何でも可能です。ボタンのdivはselectの上にあり、selectのクリックを防止します。

jQueryは理解するのに十分シンプルです。